preventDefault在提交按钮中不起作用

我有html表单，当我点击submit按钮页面转到insert.php我不会阻止防止不起作用我有这个script HTML

HTML

jQuery的

 $("#submit").click(function(event){ event.preventDefault(); }); 

Answer 1

而不是听按钮单击，你需要听

提交：

 $("form").submit(function(event){ event.preventDefault(); }); 

---

现代jQuery（1.7或更高版本）：

 $("form").on('submit', function(event){ event.preventDefault(); }); 

Answer 2

我想你错过了取消的活动

 $( "#target" ).submit(function( event ) { event.preventDefault(); 

}）;

Answer 3

问题是事件正在冒泡并且正在调用表单的提交事件。

您应该收听表单的submit事件，而不是收听按钮的click事件：

 $("#formId").submit(function(event){ event.preventDefault(); }); 

并将id属性添加到您的表单：

这应该会阻止你的forms工作。

Answer 4

首先在表单中添加一个ID，我将使用myFormId 。

然后使用表单ID：

 $('#myFormId').on('click', function (event){ event.preventDefault(); }); 

Answer 5

对于将来潜伏在这里的任何人，我的问题是，表单没有在脚本之前加载，因此事件没有绑定。 所以我做了以下事情，我的问题解决了：

 $(window).load(function () { $("#submit").submit(function (e) { e.preventDefault(); ... ... }); }