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

Аватар пользователя Elena Gromova
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
Пройдите курс по программированию бесплатно