AngularJS手动表单验证_AngularJS

来源：动视网责编：小采时间：2020-11-27 20:50:28

AngularJS手动表单验证_AngularJS

AngularJS手动表单验证_AngularJS:所谓手动验证是通过AngularJS表单的属性来验证，而成为AngularJS表单必须满足两个条件： 1、给form元素加上novalidate=novalidate； 2、给form元素加上name=theForm，如下： Form Submitting

推荐度：

点击下载本文 文档为doc格式

导读AngularJS手动表单验证_AngularJS:所谓手动验证是通过AngularJS表单的属性来验证，而成为AngularJS表单必须满足两个条件： 1、给form元素加上novalidate=novalidate； 2、给form元素加上name=theForm，如下： Form Submitting

所谓手动验证是通过AngularJS表单的属性来验证，而成为AngularJS表单必须满足两个条件：

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

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

如下：




 
 
 
 



 
 
 Form Submitting

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

● 通过