Форма обратной связи / Валидация формы на JS

🌐 Наш сайт:
💬 Группа в Telegram:
–––––––––––––––––––––––––––––– 📋 Кратко, о чем это видео В данном видео мы напишем универсальный скрипт на JS для валидации полей формы. Данный скрипт будет сам определять, что поле проверяется на валидность. Для этого достаточно добавить в HTML-разметке кастомный атрибут в input. При неправильном значении рамки поля input подсвечиваются красным, при правильном - зеленым. Кнопка отправки формы submit срабатывает только, если все поля заполнены корректно. –––––––––––––––––––––––––––––– 📌 Полезные ссылки Готовый код из видео (с комментариями) ➝
Исходники предыдущего урока на GitHub ➝
Готовый код первого урока (с комментариями) ➝
Готовый код третьего урока (с комментариями) ➝
Отправка файла на почту ➝
Список полезных регулярных выражений ➝
–––––––––––––––––––––––––––––– 🕒 Таймкоды из видео 0:00 Демонстрация проверки на валидность 1:26 Добавляем атрибуты для input'ов 4:28 Добавляем описание к полю label 6:46 Скрипт для обработки ввода 12:14 Скрипт для обработки кнопки отправки 25:55 Завершение –––––––––––––––––––––––––––––– 💻 Промокоды на хостинг
FREELAB — для получения 1 месяца хостинга при оплате хостинга на 1 год. PROLAB — для получения 3 месяцев хостинга при оплате хостинга на 2 года.

Смотрите также