HTMLSelectElement: checkValidity() 方法

Baseline 已廣泛支援

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

HTMLSelectElement 介面的 checkValidity() 方法返回一個布林值,該值指示元素是否滿足應用於它的任何 約束驗證 規則。如果返回 false,該方法還會元素上觸發一個 invalid 事件。因為 checkValidity() 沒有預設的瀏覽器行為,取消這個 invalid 事件無效。

注意: 具有非空 validationMessage 的 HTML <select> 元素被視為無效,將匹配 CSS :invalid 偽類,並導致 checkValidity() 返回 false。使用 HTMLSelectElement.setCustomValidity() 方法將 HTMLSelectElement.validationMessage 設定為空字串,以將 validity 狀態設定為有效。

語法

js
checkValidity()

引數

無。

返回值

如果元素的價值沒有有效性問題,則返回 true;否則返回 false

示例

在以下示例中,呼叫 checkValidity() 將返回 truefalse

js
const element = document.getElementById("mySelect");
console.log(element.checkValidity());

規範

規範
HTML
# dom-cva-checkvalidity-dev

瀏覽器相容性

另見