В JavaScript событие onsubmit
— это обработчик событий, который срабатывает при отправке формы. Он позволяет выполнять код JavaScript, когда пользователь отправляет форму. Вот несколько методов, связанных с событием onsubmit
:
- Встроенный обработчик событий. Вы можете использовать атрибут
onsubmit
непосредственно в элементе HTML-формы, чтобы указать встроенный обработчик событий. Например:
<form onsubmit="myFunction()">
<!-- Form fields here -->
<input type="submit" value="Submit">
</form>
- Обработчик событий DOM. Вы также можете назначить обработчик событий свойству
onsubmit
элемента формы с помощью JavaScript. Например:
const form = document.querySelector('form');
form.onsubmit = function() {
// Code to execute when the form is submitted
};
-
Метод
addEventListener
: вы можете использовать методaddEventListener
, чтобы присоединить прослушиватель событий к событиюsubmit
формы. Этот метод позволяет вам прикрепить несколько обработчиков событий к одному и тому же событию. Например:
const form = document.querySelector('form');
form.addEventListener('submit', function(event) {
event.preventDefault(); // Prevents the form from being submitted
// Code to execute when the form is submitted
});
Используя эти методы, вы можете выполнять различные действия при отправке формы, например проверку формы, обработку данных или выполнение запроса AJAX.