На прошлом уроке мы изучили addEventListener и submit. Теперь — считывание данных формы и проверка на корректность. Используем формы из урока «HTML: таблицы и формы» и обрабатываем их в JavaScript.
input, textarea, select).preventDefault().form.addEventListener("submit", function(e) {
e.preventDefault();
const name = form.querySelector("[name=username]").value;
const age = Number(form.querySelector("[name=age]").value);
});Проверка на пустоту, формат (email, число), диапазон. Вывод сообщений об ошибках в отдельный блок.
Формы и валидация — часть любого приложения. На следующем уроке — localStorage.
preventDefault() при обработке submit — форма отправится, и страница перезагрузится.value до ввода пользователя — в поле оказывается пустая строка.input type="number" вернёт число, — без преобразования вы получите строку и неверные вычисления.Форма: имя, email. Валидация: имя не пустое, email содержит @. При ошибке показывай сообщение под полем.
Форма с checkbox «Согласен». Без отметки — не отправлять, показать предупреждение.
Поле пароля. Проверка: минимум 6 символов, есть цифра.