Отключите кнопку, если хотя бы одно поле ввода пуст, используя ngDisabled

Я хочу, чтобы пользователь не нажал кнопку "Регистрация", если поля неверны. Часть этого состоит в том, что определенные поля должны быть заполнены. Но условие начинает немного затягиваться:

<button class="btn btn-success" ng-click="register()"
    ng-disabled="signInForm.$invalid || form.firstName.length==0 ||
    form.lastName.length==0 || form.email.length==0 ||
    form.password.length==0 || form.passwordBis.length==0">Register</button>

Как я могу упростить это?

Ответы

Ответ 1

Я думаю, что вам нужно предоставить атрибут required для ваших полей ввода внутри вашей формы, поэтому до тех пор, пока поля не будут заполнены в форме signInForm, будет недействительным. Аналогичным образом вы также можете предоставить другие атрибуты проверки на входах.

Пример: -

  <input type="text" ng-model="firstName" name="firstName" required />
  <input type="text" ng-model="lastName" name="lastName" required />
  <input type="email" ng-model="email" name="email" required />
  ...
  ...
  <button class="btn btn-success" ng-click="register()" 
            ng-disabled="signInForm.$invalid">Register</button>