Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 43 из 114 · 7 мин
Событие submit, preventDefault, чтение полей через form.elements.
Пользователь заполнил форму, нажал «Записаться» — страница перезагрузилась, и всё пропало!
Форма по умолчанию отправляется и перезагружает страницу. Перехватим submit и обработаем сами.
submit<form> при нажатии кнопки отправки или Enter в поле.document.querySelector("form").addEventListener("submit", (e) => {
e.preventDefault();
console.log("Отправка перехвачена");
});
document.querySelector("button").click();form.elementsname: form.elements.user.value.const form = document.querySelector("form");
console.log(form.elements.user.value);Слушай submit на форме, а не click на кнопке: так работает и Enter, и любая кнопка.
На submit формы отмени перезагрузку и выведи в #msg строку Аня, вы записаны на HTML из полей user и course.
submit — пока нетВыберите один ответ.
На каком элементе правильно слушать отправку формы?
Выберите один ответ.
Как не дать форме перезагрузить страницу?
Проверяем состояние обучения…