javascript - 提交事件可以取消吗？

Question

我想停止提交表单，并执行其他操作( window.location.href 重定向到打印精美的 URL)。但我什至无法获得阻止表单提交的基本部分。

据我了解，这样的事情应该有效:

$(function($){
  $("#search_form").submit(function(e){
    console.log("cancelling submit");
    return false;
  });
});

我也尝试过e.preventDefault() , e.stopPropagation() ，以及这些的各种组合。 "cancelling submit"在 Firebug 控制台上打印(因此事件触发)，但无论我做什么，表单都会提交。

jQuery 文档和逻辑暗示它应该可以工作，但事实并非如此。我做错了什么吗？

Hook 点击事件可能更容易，但表单可以通过多种方式提交 - 单击按钮、按 Enter 键，可能还有其他我没有考虑过的事情，所以我尝试只接受提交事件​​。

我正在 Firefox 中测试这一切。

编辑:事实证明<button type='submit' onclick='this.form.submit()'>Search</button>造成了这个。回想起来这似乎很愚蠢。感谢大家的帮助。

Answer 1

我刚刚测试了您的代码:http://jsfiddle.net/UZwr5/

您提供的代码可以在该演示中使用。很可能您在执行过程中某个地方出现错误，导致 return false; 无法运行。