HTMLButtonElement: validity 屬性

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

HTMLButtonElement 介面的只讀屬性 validity 返回一個 ValidityState 物件,該物件表示該元素所處的有效性狀態。

一個 ValidityState 物件。

示例

以下示例演示了當設定了 customError 時,<button> 處於無效狀態;在此狀態下,validityStatevalidity 屬性為 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

瀏覽器相容性

另見