HTMLSelectElement: checkValidity() 方法

基线 广泛可用

此功能已得到良好建立，可在许多设备和浏览器版本上运行。它自 2018 年 12 月.

报告反馈

HTMLSelectElement 接口的 **checkValidity()** 方法返回一个布尔值，指示元素是否满足应用于它的任何 约束验证 规则。如果为 false，该方法还会在元素上触发 invalid 事件。由于 checkValidity() 没有默认的浏览器行为，因此取消此 invalid 事件没有任何影响。

语法

注意： 具有非空 validationMessage 的 HTML <select> 元素被视为无效，将匹配 CSS :invalid 伪类，并导致 checkValidity() 返回 false。使用 HTMLSelectElement.setCustomValidity() 方法将 HTMLSelectElement.validationMessage 设置为空字符串，以将 validity 状态设置为有效。
checkValidity()

js

参数

无。

返回值

示例

如果元素的值没有有效性问题，则返回 true；否则，返回 false。

注意： 具有非空 validationMessage 的 HTML <select> 元素被视为无效，将匹配 CSS :invalid 伪类，并导致 checkValidity() 返回 false。使用 HTMLSelectElement.setCustomValidity() 方法将 HTMLSelectElement.validationMessage 设置为空字符串，以将 validity 状态设置为有效。
const element = document.getElementById("mySelect");
console.log(element.checkValidity());

规范

在以下示例中，调用 checkValidity() 返回 true 或 false。
规范
# HTML 标准

浏览器兼容性

dom-cva-checkvalidity-dev

另请参阅