jquery - 在 IE、Firefox 中使用验证后无法 ajax 提交表单

Question

我正在使用 jquery 的验证插件来验证我的表单。表单已成功验证。但是当我使用回调处理程序 ajax 提交表单时，即像这样提交处理程序：

submitHandler: function(form)
{
     $('button[type=submit],input[type=submit]').attr('disabled','disabled');
     ajaxSubmit();
}

这在 chrome 中可以正常工作，但在 IE 和 Firefox（都是最新版本）中不行。页面被重新加载并且表单的内容被重置并且没有任何反应。

ajaxSubmit();

是我收集表单数据并将其发送以进行处理的功能。

Answer 1

您需要preventDefault()在您的submit处理程序中，否则除了您的 AJAX 提交之外，还将提交表单。看起来默认提交正在中断 IE 和 Firefox 中的 AJAX 调用，从而阻止调用执行任何操作。

从您发布的代码中，我无法告诉您在哪里放置所需的电话。

Answer 2

试试这个，

 submitHandler: function(form)
 {
      $('button[type=submit],input[type=submit]').attr('disabled','disabled');
      $(form).ajaxSubmit();
      //or try=> form.ajaxSubmit();
      return false;
 }

阅读http://malsup.com/jquery/form/#ajaxSubmit