HTML5表单新验证

表单新验证属性

 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辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容