表单新验证属性
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
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。