AngularJS手动表单验证_AngularJS

1、给form元素加上novalidate="novalidate"；

2、给form元素加上name="theForm"，

如下：

• ● 给form加上novalidate="novalidate"意味着表单将不再使用HTML5验证特性
• ● 给form加上name="theForm"意味着表单的名称是theForm。如何使用theForm,比如我们验证表单是否被修改过theForm.$submitted
• ● 通过ng-submit提交表单
• ● formModel是$scope中的一个属性
• ● 对表单的Email进行了手动验证，使用了AngularJS表单的众多属性，比如theForm.email.$valid，theForm.$pristine，theForm.$submitted， theForm.email.$error.required，theForm.email.$error.email
• ● 通过

  {{theForm | json}}

  把AngularJS表单的所有属性都打印出来

以上，凡是有name属性的input都被显示在上面。

在second.js文件中定义了module,controller以及提交表单的方法。

以上的表单验证方式好处是可控性强，但相对繁琐。

以上就是本文的全部内容，希望对AngularJS手动表单验证能够熟练操作。