使用 angularjs 1.4 提交验证不起作用

Question

我有一个form，我想禁用提交按钮，直到所有字段都有效。示例：

<form ng-submit="registerForm.$valid && register()" novalidate>
  <div class="input-group">
    <input type="email" class="form-control" class="ng-pristine ng-invalid" placeholder="Email" ng-model="user.email" required>
  </div>
  <div class="input-group">
    <input type="text" class="form-control" class="ng-pristine ng-invalid" placeholder="Username" ng-model="user.username" required>
  </div>
  <div class="input-group">
    <input type="password" class="form-control" class="ng-pristine ng-invalid" placeholder="Password" ng-model="user.password" required>
  </div>
  <div>registerForm is {{registerForm.$valid}}</div>
  <input type="submit" class="btn btn-default" value="Register"
        ng-disabled="!registerForm.$valid"
        ng-class="{'btn-success': registerForm.$valid}">
</form>

问题似乎是$valid变量是undefined，因为下面这行没有显示值：

<div>registerForm is {{registerForm.$valid}}</div>

并且该按钮始终处于禁用状态。我该如何解决？

Answer 1

尝试为您的表单命名。

<form name="registerForm" ng-submit="registerForm.$valid && register()" novalidate>