jquery - 输入类型按钮/提交同时进行表单验证并通过 jquery ajax 提交？

Question

我正在尝试使用 jquery 验证器插件并通过 jquery 中的 ajax 提交表单......

验证器插件适用于 <input type="submit" value="Add a client" id="clientadd"/>但我的表单提交适用于 <input type="button" value="Add a client" id="clientadd"/> ......

<form id="addform" autocomplete="off">
 //My controls here
</form>

我没有指定action和method此处的属性，因为我将使用 jquery.ajax() 提交我的表单....关于如何让两者一起工作的任何建议....

Answer 1

您可以指定submitHandler一旦验证成功，将执行表单提交:

$('form').validate({
    submitHandler: function(form) {
       // TODO: submit your form in ajax here
    }
});

因此，如果您使用 jQuery.form用于 ajaxify 表单的插件:

$('form').validate({
    submitHandler: function(form) {
        $(form).ajaxSubmit();        
    }
});