javascript - checkValidity 和 validity 之间的区别

Question

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

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

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

Answer 1

HTMLSelectElement.checkValidity() :

The HTMLSelectElement.checkValidity() method checks whether the element has any constraints and whether it satisfies them. If the element fails its constraints, the browser fires a cancelable invalid event at the element, and then returns false.

ValidityState.valid :

Is a Boolean indicating the element meets all constraint validations, and is therefore considered to be valid.

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