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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值