jquery - 提交 jquery 之前验证表单

Question

我有一个 HTML 表单。我正在使用 jquery.validate.js 验证我的表单，它适用于提交事件。我想在提交被解雇之前验证此表单。

根据我的研究，我尝试过:

$('#my-form').on('before-submit',function(){
   alert('Before submit performed');
});

我想在触发提交事件之前验证表单。如何做到这一点？

Answer 1

您可以模仿默认的 jQuery 插件行为，如下所示:

测试表单是否有效；如果不使用 preventDefault() 阻止默认操作的发生:

$(document)
.on('click', 'form button[type=submit]', function(e) {
    var isValid = $(e.target).parents('form').isValid();
    if(!isValid) {
      e.preventDefault(); //prevent the default action
    }
});

编辑:如果您想微调验证测试，即有条件地验证某些控件，这会派上用场。