ValidityState
ValidityState 接口表示一个元素可以拥有的有效性状态,这些状态与约束验证有关。它们共同解释了为什么一个元素的值在不有效的情况下未能通过验证。
实例属性
对于这些布尔属性中的每一个,值 true 表示特定的验证失败原因成立,但 valid 属性除外,当元素的值符合所有约束时,该属性的值为 true。
badInput只读-
一个布尔值,当用户输入的值浏览器无法转换时为
true。 customError只读-
一个布尔值,指示是否通过调用元素的
setCustomValidity()方法将元素的自定义有效性消息设置为非空字符串。 patternMismatch只读-
当值与指定的
pattern不匹配时为true,如果匹配则为false。如果为true,则元素匹配:invalidCSS 伪类。 rangeOverflow只读-
当值大于
max属性指定的最小值时为true,否则为false。如果为true,则元素匹配:invalid和:out-of-rangeCSS 伪类。 rangeUnderflow只读-
当值小于
min属性指定的最小值时为true,否则为false。如果为true,则元素匹配:invalid和:out-of-rangeCSS 伪类。 stepMismatch只读-
当值不符合
step属性决定的规则(即,它不能被步长值整除)时为true,如果符合步长规则则为false。如果为true,则元素匹配:invalidCSS 伪类。 tooLong只读-
对于
HTMLInputElement或HTMLTextAreaElement对象,当值超过指定的maxlength时为true,否则为false(其长度小于或等于最大长度)。注意:在 Gecko 中,此属性永远不会为true,因为元素的长度会被限制在maxlength以内。 如果为true,则元素匹配:invalid和:out-of-rangeCSS 伪类。 tooShort只读-
对于
HTMLInputElement或HTMLTextAreaElement对象,当值未能满足指定的minlength时为true,否则为false(其长度大于或等于最小长度)。如果为true,则元素匹配:invalid和:out-of-rangeCSS 伪类。 typeMismatch只读-
当值不符合必需的语法时为
true(当type为email或url时),如果语法正确则为false。如果为true,则元素匹配:invalidCSS 伪类。 valid只读-
当元素符合所有验证约束,因此被视为有效时为
true,否则为false(如果它不符合任何约束)。如果为true,则元素匹配:validCSS 伪类;否则匹配:invalidCSS 伪类。 valueMissing只读-
当元素具有
required属性但没有值时为true,否则为false。如果为true,则元素匹配:invalidCSS 伪类。
规范
| 规范 |
|---|
| HTML # validitystate |
浏览器兼容性
加载中…