Ограничение текстовых полей в angularjs

Question

Ограничение текстовых полей в angularjs

0

У меня есть три текстовых поля с именем textbox1, textbox2 и textbox3. Мне нужна функциональность для извлечения следующим образом.

1) Если я ввожу значение в textbox1 поле 1, оставшиеся 2 текстовых textbox1 не должны позволять вводить значение.

2) Если я ввожу значение в textbox2 оставшиеся 2 текстовых textbox2 не должны позволять вводить значение.

3) Если я textbox3 значение в textbox3 оставшиеся 2 текстовых textbox3 не должны позволять вводить значение.

Может ли кто-нибудь помочь мне в этом. Заранее спасибо. Поскольку я новичок в angularjs. Я пробовал с этим кодом, но первое условие не работало.

Вот он мой HTML и JS:

var timesPerWeek = $scope.times[index];
var timesPerMonth = $scope.month[index];
var timesPerYear =  $scope.year[index];

if(timesPerWeek != ""){
  timesPerMonth.disabled =  'true';
  timesPerYear.disabled =  'true';
}

<div class="col-md-2 col-xs-2" style="margin-left: -14px;">
     <input type="number" class="form-data" ng-disabled="!check[item.sid]"      id="timesperweek{{item.sid}}" ng-model="times[item.sid]" ng-       change="getValues(item.sid)">
</div>
 
<div class="col-md-2 col-xs-2" style="margin-left: -13px;">
    <input type="number" class="form-data" ng-disabled="!check[item.sid]" id="timespermonth{{item.sid}}" ng-model="month[item.sid]">
</div>

<div class="col-md-1 col-xs-1" style="margin-left: -14px;">
     <input type="number" class="form-data" ng-disabled="!check[item.sid]"      id="timesperyear{{item.sid}}" ng-model="year[item.sid]">
</div>

User 29 дек. 2015, в 14:58

Источник

0

HTML разметка, пожалуйста.
jGupta 29 дек. 2015, в 13:20
0

пожалуйста, предоставьте скрипту сценарий.
Kunal Kakkad 29 дек. 2015, в 13:27
0

Я отредактировал свой вопрос с кодом, который я попробовал. Пожалуйста, проверьте это.
User 29 дек. 2015, в 13:40

Показать ещё 1 комментарий

Теги:

javascript

html

angularjs

1 ответ

Ещё вопросы

пожалуйста, предоставьте скрипту сценарий.
Я отредактировал свой вопрос с кодом, который я попробовал. Пожалуйста, проверьте это.

phts · Accepted Answer · 2015-12-29T13-12-00.000Z

У меня есть три текстовых поля с именем textbox1, textbox2 и textbox3. Мне нужна функциональность для извлечения следующим образом.

Я не знаю, как работает ваш код сейчас (вы почти ничего не обнаружили в вопросе).

Таким образом, самый простой способ отключить два других элемента - просто проверить ng-disabled если значения не определены:

<div>
     <input type="number" ng-disabled="month[item.sid] != undefined || year[item.sid] != undefined" id="timesperweek{{item.sid}}" ng-model="times[item.sid]">
</div>

<div>
    <input type="number" ng-disabled="times[item.sid] != undefined || year[item.sid] != undefined" id="timespermonth{{item.sid}}" ng-model="month[item.sid]">
</div>

<div>
     <input type="number" ng-disabled="times[item.sid] != undefined || month[item.sid] != undefined" id="timesperyear{{item.sid}}" ng-model="year[item.sid]">
</div>

FIDDLE

Это то, что мне нужно, работает отлично. Спасибо большое друг.