使用AngularJs中的所有字段验证表单

验证AngularJS中所有字段的最佳方法是什么

我有一个包含7个字段的表单，所有字段都是必填字段，如果其中任何字段无效，我希望在边框中显示错误消息或更改

我使用下面的方法。请告诉我这是正确的方法。如果明天我有100块地呢

if(!($scope.signInForm.email.$valid)){
    $scope.emailError = true;
}
else {
    $scope.emailError = false;
}
if(!($scope.signInForm.password.$valid)){
    $scope.passwordError = true;
}
else {
    $scope.passwordError = false;
}

---

您可以在模板中处理此问题，请参见文档中的更多信息：

从文件中

<form name="myForm" class="css-form" novalidate>
  <div>
    <input type="email" name="input" ng-model="email.text" required>

    <span class="error" ng-show="myForm.input.$error.required">
        Required!
    </span>
    <span class="error" ng-show="myForm.input.$error.email">
        Not valid email!
    </span>
  </div>
  ...

  <!-- If you want to disable the button until all fields are filled in correctly.-->
  <button class="btn btn-default" ng-disabled="myForm.$invalid">Login</button>
</form>

必修的！
无效电子邮件！
...
登录

---

正如Alex所说，查看ngMessages也是一个好主意，您可以在此处找到有用的信息：

为什么不在视图中使用ngMessages呢？请参阅以下讨论：

  newuser = new FormGroup({
    firstname: new FormControl(''),
    lastname: new FormControl(''),
    usertype: new FormControl(''),
    phoneno: new FormControl(''),
    city: new FormControl(''),
    zip: new FormControl(''),
    agree:new FormControl('')
  });




  submitform(){
    if(this.newuser.status=="VALID"){
        console.log(this.newuser.value);   
    }   
  }