Где добавить onsubmit к форме в Javascript

Question

В моем HTML я получил форму без слушатель onsubmit события:

<form action="contact.php" method="post" id="contact"> 
    ... 
    <input type="submit" value="Send" /> 
</form> 

В результате, форма всегда отвечал всякий раз, когда я нажимаю " Отправить ". Тем не менее, я хотел бы сначала подтвердить вход, поэтому я хотел бы добавить прослушиватель событий и перехватить сообщение. Это, как я придаю слушатель событий к форме:

window.onload = function() { 
    function validate() { 
     return window.confirm("Confirm"); 
    } 
    var form = document.getElementById("contact"); 
    form.addEventListener("submit", validate); 
} 

В то время как слушатель события выполняется, если я иду по вышеизложенному подходу форма всегда выложили! Однако, если я делаю функцию validate() глобальной и использую onsubmit="return validate();" в теге <form>, тогда форма представляется только условно, как и ожидалось.

Почему это не работает, добавив функцию validate(), как указано выше? Кажется, что потерянное значение false теряется?

Answer 1

Современная обработка событий имеет более сложный API, она дает больше гибкости, но это связано с тем, что невозможно связать поведение с простым логическим результатом.

Для вашего случая использования, вам нужно захватить объект события:

function validate(ev) { 

Тогда вы можете предотвратить действие по умолчанию на нем:

if (!confirm('Confirm')) { 
    ev.preventDefault(); 
}