使用 jquery 防止表单提交的问题答案

【问题标题】：Problem preventing form submit using jquery使用 jquery 防止表单提交的问题
【发布时间】：2011-08-09 21:15:15
【问题描述】：

我的表格很简单。我想使用 jquery 来阻止表单提交。

$(document).ready(function() {
    $('#searchform').submit(function(e) {
         alert('Handler for .submit() called.');
         event.preventDefault();
         return false;
   });
});

这在 chrome 中运行良好。它只是向我显示一个警告框，并没有重定向。但不适用于 Firefox 或 IE9，它会显示警报，然后继续提交表单。

感谢您的帮助。

【问题讨论】：

mkk 有您正确的解决方案，但我也建议致电 preventDefaultfirst。这样，如果出现 Javascript 错误，表单仍然不会被提交。

标签： javascript jquery-selectors jquery

【解决方案1】：

改变

 event.preventDefault();

进入

 e.preventDefault();

【讨论】：

【解决方案2】：

由于您已经返回 false，因此您根本不需要任何形式的 event.preventDefault() 调用。

这些似乎都不适合你的原因是event是未定义的，所以调用event.preventDefault()时会抛出异常，所以方法处理程序过早退出。

【讨论】：

【解决方案3】：

event.preventDefault();

应该是

e.preventDefault();

试试看是否能解决问题。

【讨论】：