HTMLOutputElement: validity 屬性

Baseline 已廣泛支援

此功能已相當成熟,可在多種裝置和瀏覽器版本上執行。自 ⁨2016 年 8 月⁩ 起,所有瀏覽器均已提供此功能。

HTMLOutputElement 介面的只讀屬性 validity 返回一個 ValidityState 物件,該物件表示該元素所處的有效性狀態。儘管 <output> 元素永遠不是 約束驗證 的候選物件,但如果設定了自定義有效性訊息,有效性狀態仍可能無效。

一個 ValidityState 物件。

示例

以下示例演示了當設定了 customError 時,<output> 元素處於無效狀態;在此狀態下,checkValidity() 返回 true,而 validityStatevalidity 屬性為 false

js
const output = document.getElementById("myOutput");
output.setCustomValidity("This object element is invalid.");
const validityState = output.validity;
console.log(validityState.valid); // false
console.log(validityState.customError); // true
console.log(output.checkValidity()); // true

規範

規範
HTML
# the-constraint-validation-api:dom-cva-validity

瀏覽器相容性

另見