使用原始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")的别名，但“此外，表单上的默认提交操作将被触发 [已调用] ，因此表格将被提交。“

您的验证将侦听那些使用本机提交方法时不会发生的提交事件。