PreventDefault не работает в кнопке отправки

У меня есть форма 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();
});

Ответ 1

Вместо прослушивания нажатия кнопки вам необходимо прослушать <form> submit:

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

Ответ 2

Я думаю, что вы просто пропустили событие, которое отменяет

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

});

Ответ 3

Проблема заключается в том, что событие пузырится, и вызывается событие отправки вашей формы.

Вместо прослушивания события click вашей кнопки вы должны прослушать событие submit вашей формы:

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

И добавьте атрибут id к вашей форме:

<form id="formId" ...

Это должно остановить вашу форму от работы.

Ответ 4

Сначала добавьте идентификатор в вашу форму, я буду использовать myFormId.

<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(); 
});