提交前验证html5表单时是否有事件监听器？

Question

我查看了一下，但不知道是否有办法知道表单是否已通过验证。

范例：

• 用户点击提交按钮
• 表单无效，因此未触发提交事件
• 这是我需要将.addClass('form-feedback')更改为#my-form ...

我发现的唯一方法是：

$('#my-submit-btn').click( () => $('#my-form').addClass('form-feedback'))

有没有更简单，更通用的方法可以在javascript中做到这一点？

编辑：看了对HTML5表单有效的事件监听器 ，所有答案都提到了CSS解决方案，没有提及事件监听器... 但是 OP在他的问题中给了我答案（请参阅下文）

谢谢 ;）

Answer 1

提交时， invalid事件将发送到表单中的任何无效字段。 我认为整个表单没有一个，但是您可以使用invalid设置无效状态，然后submit （和/或在字段中input ）以设置有效状态。

范例： https ：//codepen.io/geekschool/pen/wjqvMV ？ editors = 1010＃0