как отменить обновление страницы при нажатии кнопки в форме

2 года назад

Nikolai Gagarinov

Ответы

В 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() предотвратит отправку формы, что полезно для валидации или обработки данных без перезагрузки страницы.

год назад

Elena Gromova

10 месяцев·С нуля

Фронтенд-разработчик

Изучите HTML, CSS, JavaScript и React