Прерывание отправки, если форма не подтверждена

Question

У меня есть форма, и у меня есть кнопка «отменить» и отправить. когда пользователь отправляет форму, если обязательные поля не заполняются, я хочу предупредить («ошибка») и остановить форму для отправки.

вот мой простой код jquery, но когда пользователь нажимает кнопку ok в окне предупреждения, он продолжает отправлять.

<script> 
$(document).ready(function() { 
    $('#<%=btn_reddet.ClientID %>').click(function (event) { 
     alert("Error!"); 
     event.preventDefault(); 
    }); 
}); 
</script> 

Как я могу заставить его прекратить отправку после предупреждения?

Answer 1

вместо .click, вы можете использовать .submit, Вам просто нужно вернуться, чтобы остановить ложные формы представления

$('#formID').on('submit',function (event) { 
     alert("Error!"); 
     return false; 
}); 

Answer 2

Используйте $('form').submit() событие вместо $('submit_button').click(). Тогда return false если проверка не пройдена:

$(document).on('submit','form',function(e) { 
    var validated = true; 
    // some validation code which sets 'validated = false' if it fails 
    return validated; 
}); 

Answer 3

Если вы хотите использовать

event.preventDefault(); 

Тогда я считаю, что также должно сопровождаться

event.stopPropagation(); 

В противном случае вы можете просто использовать вернуться ложным.

Answer 4

event.preventDefault() и return false не работают одинаково, различия существуют, когда что-то пойдет не так (read: error) и независимо от того, выполнено или нет событие.preventDefault() или нет, вот пример когда это имеет значение и почему возвращение false не всегда срабатывает:

$('a').click(function(e){ 
    $(this).css("background", "green"); 
    err(); // err is not defined, so JavaScript will throw error, and the browser will ignore rest of the code (return false;). The browser will perform the default action. 
    return false; 
}); 
$('a').click(function(e){ 
    e.preventDefault(); 
    $(this).css("background", "green"); 
    err(); // err is not defined, so JavaScript will throw error, and the browser will ignore rest of the code. We already called event.preventDefault() so the browser will not perform default action. 
});