Dom（十一） 表单验证

表单验证的API

属性

validationMessage：元素不满足验证条件时的文本信息

validity：元素的验证状态，包含以下属性

valid：验证通过

• valueMissing：元素设置了required属性，但值为空

• typeMismatch：元素的值不符合指定类型

• patternMismatch：是否value与pattern不匹配

• stepMismatch：元素的值是否不符合step指定的值

• tooLong/tooShort：元素的值是否超过设定的最大长度/小于设置的最小长度

• rangeOverflow / rangeUnderflow：元素的值是否大于max指定的值/小于min指定的值

• badInput：输入不完整

• customError：是否设置了自定义错误

willValidate：元素在表单提 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 交时是否被验证

方法

checkValidity()：进行验证并返回验证结果（true/false）

setCustomValidity(message)：设置元素的错误信息

事件

invalid：验证元素无效时触发（