如果使用ngDisabled至少一个输入字段为空，则禁用按钮

一尘不染

如果使用ngDisabled至少一个输入字段为空，则禁用按钮

angularjs

如果字段不正确，我想防止用户单击“注册”按钮。部分原因是必须填写某些字段。但条件开始变得有点长：

<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>

我该如何简化呢？

阅读 221

2020-07-04

共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>

2020-07-04