Question

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

Validator插件适用于<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()提交表单....任何建议如何让两者一起工作.... < / p>

Answer 1

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

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

因此，如果您使用jQuery.form插件来激活您的表单：

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

Answer 2

您可以添加action=""以使其成为有效的HTML，并毫无问题地使用type="submit"按钮。只需使用jQuery捕获提交并阻止正常提交发生：

$('#addform').submit(function() {
  // your stuff here to process the form

  // end with
  return false;
});

输入类型按钮/提交，它们都通过jquery ajax进行表单验证和提交？

2 个答案: