javascript - 在提交之前验证 html5 表单时是否有事件侦听器？

Question

我看过但不知道是否有办法知道表单是否经过验证。

示例：

• 用户点击提交按钮
• 表单无效，所以不会触发提交事件
• .addClass('form-feedback')这是我需要#my-form...

我发现的唯一方法是放置：

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

在 javascript 中是否有更简单、更通用的方法来做到这一点？

编辑：查看了适用于 HTML5 表单的事件监听器，所有答案都提到了 CSS 解决方案，但没有提到事件监听器......但是OP 在他的问题中给了我答案（见下文）

谢谢 ;）

标签： javascriptjqueryhtml

Answer 1

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

示例：https ://codepen.io/geekschool/pen/wjqvMV?editors=1010#0