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