HTML5 - 表单新验证属性
1. required:验证当前元素之是否为空
2. pattern: 使用正则表达式验证当前元素值是否匹配,不能验证内容是否为null
3. min和max: 验证当前元素值最大值或最小值, 一般使用与number/range等元素
4. minlength和maxlength:验证当前元素值的最小长度和最大长度, minlength:并不是html5的新属性
5. validity:表单验证HTML5提供一种有效状态, 有效状态通过 validityState对象获取到,
validityState对象可通过validity属性得到
HTML5 - 表单新验证状态
1. validityState对象提供了一系列的有效状态
通过有效状态判断,进行判断
注意:所有验证状态必须配合上诉的验证属性使用
2. valueMissing:
判断当前元素值是否为空
配合required属性使用
3. typeMismatch
判断当前元素值得类型是否匹配
配合email/number/url等属性使用
4. patternMismatch
判断当前元素值是否匹配正则表达式
配合pattern属性使用
5. tooLong
判断当前元素值的长度是否正确
配合maxlength属性
6. rangeUnderflow
判断当前元素值是否小于min属性值
配合min
7. stepMismatch
判断当前元素值是否与step设置相同
配合step属性,并不与min和max属性值比较
8. valid :
判断当前元素是否正确
返回true - 表示验证成功
返回false - 表示验证失败
9. customError:
配合setCustomValidity()方法使用
setCustomValidity() 设置自定义的错误提示内容
一旦使用该方法修改默认错误提示后,即使输入正确也会有提示