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

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

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

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

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

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

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

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

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

删除后代码如图所示:

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

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

相关文章:

  • 2021-04-22
  • 2022-12-23
  • 2021-12-18
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-01-17
  • 2021-12-08
  • 2022-12-23
  • 2021-12-22
  • 2022-12-23
相关资源
相似解决方案