JQuery предотвращает дефолт

У меня простая форма в php файле:

<form id="loginForm">
 
 <button type="submit">Login</button>
</form>

Я пытаюсь остановить подачу формы:

$("#loginForm").on('submit', function (e) {
 e.preventDefault();
});

Но это не останавливает его, что я делаю неправильно?

благодаря

1 ответ

Делегирование событий при присоединении событий к контенту, который загружается после готовности документа.

$(document).ready(function(){
 $(document).on('submit', "#loginForm", function (e) {
 e.preventDefault();
 });
});
<form id="loginForm">
 
 <button type="submit">Login</button>
</form>

licensed under cc by-sa 3.0 with attribution.