(七)表单验证,基本验证功能,表单验证规则

表单验证
- 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

你可能感兴趣的:(angular)