表单校验的值valid、invalid、pristine和dirty
来源:互联网 发布:js explode 编辑:程序博客网 时间:2024/06/09 17:42
angular内置了一套表单校验,其中包含几个状态
①valid、invalid、pristine和dirty
valid标记表单元素有效;
invalid标记表单元素无效;
pristine表示表单元素是纯净的,用户未操作过;
dirty表示表单元素是已被用户操作过;
②更改css属性
.ng-pristine {}
.ng-dirty {}
.ng-valid {}
.ng-invalid {}
valid标记表单元素有效;
invalid标记表单元素无效;
pristine表示表单元素是纯净的,用户未操作过;
dirty表示表单元素是已被用户操作过;
②更改css属性
.ng-pristine {}
.ng-dirty {}
.ng-valid {}
.ng-invalid {}
$scope.infoFrom.$setPristine(); //设置表单为未编辑的纯净状态
$scope.infoFrom.name.$setDirty(); //设置表单为用户已经编辑过得【脏】状态
去掉浏览器验证
<form name="infofrom" novalidate>
</from>
四.注意事项
①novalidate
标准浏览器如火狐,谷歌等对HTML5有很好的支持。众所周知,HTML5中input的type属性已经具备了验证功能。如果你要自己定义验证方式,那么请加上novalidate属性,以此避开浏览器自行验证。
②type类型
HTML5的type属性可以包含text、email、number等,但是angular又内部重写了这些属性,所以放心大胆的去用吧,angular完全可以满足你所有的验证。
③type="number"还是ng-pattern="/^[0-9]{6}$/"
你可以使用type="number"来限制输入框只能输入数字,当然你也可以用ng-pattern来验证用户输入,从而过滤掉非数字输入。这完全取决于你的爱好,没有硬性规定,只是选择多一些罢了。
①novalidate
标准浏览器如火狐,谷歌等对HTML5有很好的支持。众所周知,HTML5中input的type属性已经具备了验证功能。如果你要自己定义验证方式,那么请加上novalidate属性,以此避开浏览器自行验证。
②type类型
HTML5的type属性可以包含text、email、number等,但是angular又内部重写了这些属性,所以放心大胆的去用吧,angular完全可以满足你所有的验证。
③type="number"还是ng-pattern="/^[0-9]{6}$/"
你可以使用type="number"来限制输入框只能输入数字,当然你也可以用ng-pattern来验证用户输入,从而过滤掉非数字输入。这完全取决于你的爱好,没有硬性规定,只是选择多一些罢了。
0 0
- 表单校验的值valid、invalid、pristine和dirty
- Angular 的表单属性 $valid, $invalid, $pristine, $dirty
- 表单的简单校验和 ## XML ##
- Struts2的表单校验
- css required,focus,valid和invalid介绍
- [] 重置表单class ng-dirty
- 正则表达式和表单校验
- JSP表单提交和表单校验
- Zend_Form 创建、校验和解析表单的基础--(手册)
- 简单表单提交之前的校验和图片验证码
- jQuery对的表单数据序列化和校验
- springmvc中@valid的分组校验
- 表单递交前的校验
- Ajax自动校验的表单
- 映射表单校验的问题
- 【FAQ】表单校验的方式
- 统一的表单校验功能
- 表单中数据的校验
- iOS9新特性 - UIStack View
- mongo导入导出
- Linux 命令
- AIX系统删除不需要的用户和组
- Java多线程实现同时进行小球的自由落体与平抛
- 表单校验的值valid、invalid、pristine和dirty
- uva 11464 Even Parity 递推
- PHP开发规范PSR
- 制作一个可拖动的html对话框
- 如何在mac本上安装android sdk
- Android 设置 横屏 竖屏
- jsp笔记
- 从AIDL开始谈Android进程间Binder通信机制
- HTML 水平对齐方式总结