Подписка
Все курсы
РегистрацияВход
/
Вопросы и ответы
/
Помощь
/

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

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

Фронтенд

2 года назад

Nikolai Gagarinov

Ответы

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

2 года назад

Elena Gromova

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

Хекслет

О насОтзывыСправкаБлогВопросы и ответыГлоссарийКарта сайта

Направления

ПрограммированиеИИАналитикаDevOpsТестированиеФронтендБэкенд

Профессии

Python-разработчик Фронтенд-разработчикJava-разработчикИнженер по ручному тестированиюDevOps-инженер с нуляРНР-разработчикGo-разработчикАналитик данныхAI-автоматизацияИИ для разработчиков

Навыки

Spring BootDockerTypescriptLaravelDjangoReactВеб-разработка на ExpressPostmanREST API в Node.js

support@hexlet.io

t.me/hexlet_help_bot

RU

ENKZ
+7 800 100 22 47

бесплатно по РФ

+7 495 085 21 62

бесплатно по Москве

Правовая информацияОфертаЛицензияКонтакты
108813 г. Москва, вн.тер.г. поселение Московский,
г. Московский, ул. Солнечная, д. 3А, стр. 1, помещ. 20Б/3
ОГРН 1217300010476
ИНН 7325174845