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 |
瀏覽器相容性
載入中…