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

год назад

Nikolai Gagarinov

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

Ответы

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

10 месяцев назад

Elena Gromova

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

10 месяцев

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

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

Основы веб-разработки

Основы HTML, CSS, блочная модель, основы Javascript, синтаксис, арифметика, условия, циклы, функции, поиск ошибок

5 месяцев

Профессиональная верстка

Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

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