角度自定义表单验证 - 禁用提交按钮

Question

我正在检查firebase数据库中是否存在用户名，并且如果已经使用了该消息，我可以向用户发出警告。

如何禁用提交按钮？

<form ng-submit="validateForm()" style="margin-left:100px; margin-top:50px;">

<div class="form-group">

  <label>User Name</label>
  <input ng-model="user.userName" required type="text" class="form-control border-input" placeholder="userName">

  <ul ng-repeat="(key,value) in userObject">  
    <span ng-if="user.userName ==  key" class="text-danger">User name already exists!</span>
  </ul>

</div>
<button type="submit" class="btn btn btn-info btn-fill btn-wd">Save</button>

</form>

Answer 1

您需要将代码更改为此。

控制器中的

 if(user.userName ==  key)
 {
   $scope.chkuser= true;
 }
 else
 {
   $scope.chkuser= false;
 }

并将此变量设置为提交按钮

上的ngDisabled

<button type="submit" class="btn btn btn-info btn-fill btn-wd"   ngDisabled="chkuser">Save</button>