angularjs – 如果使用ngDisabled至少有一个输入字段为空,则禁用

发布时间：2020-12-17 07:45:14 所属栏目：安全来源：网络整理

导读：我想防止用户点击按钮“注册”,如果字段不正确.部分原因是某些领域必须填补.但条件开始有点长： button class="btn btn-success" ng-click="register()" ng-disabled="signInForm.$invalid || form.firstName.length==0 || form.lastName.length==0 || form.

我想防止用户点击按钮“注册”,如果字段不正确.部分原因是某些领域必须填补.但条件开始有点长：

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

我如何简化呢？

我想您所需要的是为您的窗体中的输入字段提供必需的属性,因此直到字段填写的形式,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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!