在提交之前是否有html5表单验证的事件监听器?

时间:2018-05-03 15:14:45

标签: javascript jquery html5

如果有办法知道表格是否经过验证,我已经查看了但不知道。

例:

  • 用户点击提交按钮
  • 表单无效,因此不会触发提交事件
  • 这是我需要.addClass('form-feedback')#my-form ...
  • 的地方

我找到的唯一方法就是:

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

在javascript中有更简单,更通用的方法吗?

编辑:查看Event Listener valid for HTML5 forms并且所有答案都提到了CSS解决方案,并没有提及事件监听器... 但是 OP给我答案在他的问题中(见下文)

谢谢;)

1 个答案:

答案 0 :(得分:2)

提交时,invalid事件会发送到表单中的任何无效字段。我不认为整个表单有一个,但您可以使用invalid设置无效状态,submit(和/或input字段)来设置有效状态。

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