javascript - 使用原始 JavaScript 提交函数时 jQuery 验证未触发

Question

我的表单上有 jQuery 验证。当我点击提交按钮时，“保存”功能被调用:

function save(){
    var form = document.getElementById('myForm');
    form.submit(); // <- jquery validation is not called
    $(form).submit() // <- jquery validation works
}

为什么 form.submit() 没有验证我的表单？

Answer 1

native submit method ( W3 spec ) 将提交表单，仅此而已。它不会触发可取消的 submit 事件(参见 concept of form submit )。

jQuery 的 submit method是 .trigger("submit") 的别名，但是“此外，将触发表单上的默认提交操作 [调用]，因此将提交表单。"

您的验证将监听那些提交事件，这在使用 native 提交方法时不会发生。