checkValidity＆amp;合法性

Question

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

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

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

Answer 1

HTMLSelectElement.checkValidity()：

  

HTMLSelectElement.checkValidity()方法检查元素是否有任何约束以及它是否满足它们。 如果元素未通过约束，浏览器将在元素处触发可取消的无效事件，然后返回false。

ValidityState.valid：

  

是一个布尔值，表示该元素符合所有约束验证，因此被认为是有效的。

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