有没有办法通过Javascript检测input元素上伪类:invalid的“外观”？
换句话说，当:invalid伪类出现在input元素上时，如何触发一些Javascript代码运行？
【问题讨论】：
$('input').is(':invalid')吗？
!input.validity.valid吗？
标签： javascript html css pseudo-class
有一个可以触发的无效事件。
invalid 事件在可提交元素已被检查且不满足其约束时触发。可提交元素的有效性在提交其所有者表单之前或在调用元素或其所有者表单的 checkValidity() 之后进行检查。
https://developer.mozilla.org/en-US/docs/DOM/Mozilla_event_reference/invalid
您还可以访问一些属性来检查元素的有效性，如果这就是您所追求的。
.validity.valid元素满足所有约束验证，因此被认为是有效的。
https://developer.mozilla.org/en-US/docs/DOM/ValidityState
编辑：自从我回答了这个问题后，我学到了一些东西......
.validity.valid 实际上是约束Constraint Validation API 的一部分，最多支持spotty，这太糟糕了（该API 中有很多很棒的东西）。
但是，看起来运行良好的是querySelectorAll(':invalid')，它返回当前无效的所有表单元素的非活动节点列表。您可以在表单元素上调用 addEventListener('change' ..etc 等，并在触发时查询有效性。
【讨论】：