HTMLButtonElement: validity 屬性
HTMLButtonElement 介面的只讀屬性 validity 返回一個 ValidityState 物件,該物件表示該元素所處的有效性狀態。
值
一個 ValidityState 物件。
示例
以下示例演示了當設定了 customError 時,<button> 處於無效狀態;在此狀態下,validityState 的 validity 屬性為 false,而 checkValidity() 返回 true(如果按鈕的 type 不是 "submit"),因為此類按鈕不是 約束驗證的候選者。
js
const button = document.getElementById("myButton");
button.setCustomValidity("This button is invalid.");
const validityState = button.validity;
console.log(validityState.valid); // false
console.log(validityState.customError); // true
console.log(button.checkValidity()); // false if the button is of the "submit" type, true otherwise
規範
| 規範 |
|---|
| HTML # the-constraint-validation-api:dom-cva-validity |
瀏覽器相容性
載入中…