的preventDefault不工作，提交按钮

Question

我有html形式，当我点击submit按钮页转到insert.php 我不惯于它 preventDefoult不工作 我有这个script HTML

HTML

<form action="insert.php" method="post"> 
<input type="text" name="username" placeholder=""><br /> 
<input type="text" name="name" placeholder=""><br /> 
<input type="text" name="lastname" placeholder=""><br /> 
<input id="mail" name="email" type="text" placeholder="E-mail"><br /> 
<input id="mail_1" type="text" placeholder="reply E-mail"><br /> 
<input id="password" name="password" type="password" placeholder=""><br /> 
<input id="password_1" type="password" placeholder=""><br /> 
<input id="submit" type="submit" value="registration"> 
</form> 

jQuery的

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

Answer 1

相反的监听按钮，点击你要听的<form>提交：

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

Answer 2

我觉得你只是错过这是取消该事件

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

}）;

Answer 3

的问题是该事件被冒泡和表单的提交事件被调用。

不是听的click事件的按钮，你应该听的submit事件的形式：

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

而且id属性添加到您的窗体：

<form id="formId" ... 

这应该停止你的工作形式。

Answer 4

首先给你的表单添加一个ID，我会用​​。

<form id="myFormId" action="insert.php" method="post"> 
    <input type="text" name="username" placeholder=""><br /> 
    <input type="text" name="name" placeholder=""><br /> 
    <input type="text" name="lastname" placeholder=""><br /> 
    <input id="mail" name="email" type="text" placeholder="E-mail"><br /> 
    <input id="mail_1" type="text" placeholder="reply E-mail"><br /> 
    <input id="password" name="password" type="password" placeholder=""><br /> 
    <input id="password_1" type="password" placeholder=""><br /> 
    <input id="submit" type="submit" value="registration"> 
</form> 

然后使用格式ID：

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