表单验证
- form表单元素在AngularJS中也是一个指令
- 具备表单解析、格式化、校验等功能
- 依赖于H5的智能表单
- AngularJS允许在表单中使用H5的一些校验属性
- 同时会根据校验条件的规则作出相应的数据变化
- 注意:在使用验证时先取消浏览器本身自带的验证(给表单添加novalidate属性)
基本验证功能
- $pristine -表单或控件内容是否未输入过 返回true 或false
- $dirty -表单或控件内容是否已输入过 返回true 或false
- $valid -表单或控件内容是否已验证通过 返回true 或false
- $invalid -表单或控件内容是否未验证通过 返回true 或false
- $error -表单或控件内容验证时的错误提示信息 返回错误对象
表单验证规则
必填项 ng-required
最小长度 ng-minlength
最大长度 ng-maxlength
类型 type(number、email)
ng-change 指定一个表达式,元素内容改变时计算表达式的值
ng-pattern 设置一个正则表达式,合法的额元素内容必须匹配该正则表达式
下一篇会写个DEMO