как отменить обновление страницы при нажатии кнопки в форме
Ответы
Elena Gromova
09 ноября 2024
В HTML формы по умолчанию отправляют данные и обновляют страницу, когда пользователь нажимает кнопку submit. Чтобы предотвратить это, можно использовать event.preventDefault()
в JavaScript.
Пример
<form id="myForm">
<input type="text" name="name" placeholder="Ваше имя">
<button type="submit">Отправить</button>
</form>
<script>
document.getElementById("myForm").addEventListener("submit", function(event) {
event.preventDefault(); // отменяет обновление страницы
console.log("Форма не отправлена!");
});
</script>
Здесь event.preventDefault()
предотвратит отправку формы, что полезно для валидации или обработки данных без перезагрузки страницы.
0
0