Jquery - Internet Explorer 提交表单两次

Question

我有以下代码，用于提交带有链接(而不是按钮)的表单。这样我们就可以用它们做一些 CSS 悬停操作。

$('a.css_submit').click(submit_form);
$('a.inactive_submit').click(submit_form);

function submit_form(event) {
  if ($(this).parents('form:first').length > 0 && !$(this).hasClass('inactive_submit'))   {
        $(this).toggleClass("css_submit inactive_submit");
    $(this).parents('form:first').submit();
    return false;
  } else {
    return true;
  }
}

问题是 Internet Explorer 有时会提交表单两次。我自己无法复制该问题，但我可以在生产服务器日志中验证它。此问题在 IE6 - IE9 中仍然存在。所有其他浏览器都工作正常。我看到一些帖子说从链接返回 false，但我正在这样做。

感谢任何帮助。

Answer 1

当您自己提交表单时，您还需要取消事件的默认处理。

jquery的方式是event.preventDefault():

$(this).parents('form:first').submit();
event.preventDefault();

返回 true/false 在 jquery 中没有任何效果。