代码改变世界

使用jquery.validate submitHandler必须点击两次才能提交表单

2012-03-21 20:21  Fred-Xu  阅读(14229)  评论(1编辑  收藏  举报

在开发中遇到了这样一个问题,Form表单需要有两个按钮来做验证,如图所示:

左边按钮直接提交给当前Form表单,右边按钮则是要使用Ajax来异步提交表单,保持页面不刷新跳转。

表单验证我们使用了jquery.validate插件,表单异步提交使用了jquery.form插件配合前者,代码如下:

左边按钮点击后会执行validate方法,验证通过后form.submit进行提交;而右边按钮点击执行validate通过后,则使用jquery.form的api来做submit,这个时候问题出来了,需要点击两下右边按钮才能执行异步提交Form,ORZ....

通过g搜索,找到了解决方法,只要将代码删除即可。

$('form:eq(0)').submit(function ()//提交表单
{
}

删除后代码如图所示:

问题解决,但究其原因还未找到具体的解释,这些天继续研究下。