Логотип Хекслета
/
Вопросы и ответы
/
Помощь
/

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

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

Фронтенд

год назад

Nikolai Gagarinov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

0

В 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

Похожие вопросы