输入类型的按钮/提交既可以进行表单验证又可以通过jquery ajax提交?

前端之家收集整理的这篇文章主要介绍了输入类型的按钮/提交既可以进行表单验证又可以通过jquery ajax提交? 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

验证程序插件可与< input type =“ submit” value =“添加客户端” id =“ clientadd” />一起使用.但是我的表单提交使用< input type =“ button” value =“添加客户” id =“ clientadd” /> …..

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

我没有在此处指定动作和方法属性,因为我将使用jquery.ajax()提交表单….关于如何使两者一起工作的任何建议.

最佳答案
您可以指定一个submitHandler,一旦验证成功,它将执行表单提交:

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

因此,如果您使用的是jQuery.form插件,则可以将您的表单更改为Ajaxify:

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

猜你在找的jQuery相关文章