checkValidity与效度的差异

Question

我注意到输入元素验证有两种方法：

1. element.checkValidity()。
2. element.validity.valid。

我知道validity是一个对象，而checkValidity是一个函数，但是我不知道什么时候应该使用它们中的任何一个，它们之间的关键区别是什么。

Answer 1

HTMLSelectElement.checkValidity()

HTMLSelectElement.checkValidity()方法检查元素是否有任何约束以及是否满足这些约束。如果元素失败其约束，浏览器将在元素处触发一个可取消的无效事件，然后返回false。

ValidityState.valid

表示元素满足所有约束验证的布尔值，因此被认为是有效的。

因此，主要的区别是checkValidity()也会触发一个“无效”事件。如果您只想知道该值是否有效，请使用ValidityState.valid。但是，如果要将表单状态更改为无效，请使用checkValidity()。