angular常用的表单验证指令
来源:互联网 发布:视觉识别软件 编辑:程序博客网 时间:2024/05/29 17:06
一、验证表单:
1.required 必填
<input type="text" required>
2.ng-minlength 最小长度
<input type="text" ng-minlength="5">
3.ng-maxlength 最大长度
<input type="text" ng-maxlength="5">
4.ng-pattern 匹配模式
<input type="text" ng-pattern="/[a-zA-z]/">
5.电子邮件
<input type="email">
只要将input的type设为email即可
6.数字
<input type="number">
只要将input的type设为number即可
7.URL
<input type="url">
只要将input的type设为url即可
二、表单回应:
1.未修改过的表单
formName.inputFieldName.$pristine
2.修改过的表单
formName.inputFieldName.$dirty
3.经过验证的表单
formName.inputFieldName.$valid
4.未通过验证的表单
formName.inputFieldName.$invalid
5.错误
formName.inputFieldName.$error
$error对象,它包含当前表单的所有验证内容,以及它们是否合法的信息。
三、样式
.ng-pristine {}
.ng-dirty {}
.ng-valid {}
.ng-invalid {}
.ng-invalid-required {}
.ng-invalid-minlength {}
.ng-valid-maxlength {}
- angular常用的表单验证指令
- Angular自定义指令实现一般性的表单验证
- angularjs常用的表单验证指令
- angularJS常用的表单验证指令
- Angular 比较常用的指令
- Angular 比较常用的指令
- angular-简单的表单验证注册demo
- 常用的表单验证
- angular表单验证
- angular 之表单验证
- angular js表单验证
- angular表单验证
- angular之表单验证
- Angular表单验证
- Angular表单验证
- angular.js 表单验证
- Angular表单验证
- Angular表单验证
- tf.nn.nce_loss
- GitLab项目迁移到Gerrit
- canvas画圆和线条动画
- linux根据文件时间复制
- SquareProgressBar一个方形的加载进度条
- angular常用的表单验证指令
- mysql对重复的create_date字段值进行逐个递增
- java基础,静态变量,静态初始化块,初始化快,成员变量的初始化顺序
- Spring与Quartz的整合实现定时任务调度
- spark streaming 获取数据方式
- 轻松使用git命令查看版本记录
- Oracle 时间相减得出毫秒、秒、分、时、天,,【转】
- Spring方法拦截器MethodInterceptor
- Swift 画线控件(支持xib和storyboard)