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

本机submit方法（W3 规范）将提交表单，仅此而已。它不会触发可取消submit事件（请参阅表单提交的概念）。

jQuery 的submit方法是 的别名.trigger("submit")，但是“另外，表单上的默认提交操作将被触发[invoked] ，因此表单将被提交。 ”

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