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

🌐 Наш сайт: https://codelab.pro/
💬 Группа в Telegram: https://t.me/codelab_channel
–––––––––––––––––––––––––––––– 📋 Кратко, о чем это видео В данном видео мы напишем универсальный скрипт на JS для валидации полей формы. Данный скрипт будет сам определять, что поле проверяется на валидность. Для этого достаточно добавить в HTML-разметке кастомный атрибут в input. При неправильном значении рамки поля input подсвечиваются красным, при правильном - зеленым. Кнопка отправки формы submit срабатывает только, если все поля заполнены корректно. –––––––––––––––––––––––––––––– 📌 Полезные ссылки Готовый код из видео (с комментариями) ➝ https://codelab.pro/forma-obratnoj-sv...
Исходники предыдущего урока на GitHub ➝ https://github.com/toni-wheel/youtube...
Готовый код первого урока (с комментариями) ➝ https://codelab.pro/forma-obratnoj-sv...
Готовый код третьего урока (с комментариями) ➝ https://codelab.pro/forma-obratnoj-sv...
Отправка файла на почту ➝ https://codelab.pro/forma-obratnoj-sv...
Список полезных регулярных выражений ➝ https://docs.salebot.pro/peremennye-1...
–––––––––––––––––––––––––––––– 🕒 Таймкоды из видео 0:00 Демонстрация проверки на валидность 1:26 Добавляем атрибуты для input'ов 4:28 Добавляем описание к полю label 6:46 Скрипт для обработки ввода 12:14 Скрипт для обработки кнопки отправки 25:55 Завершение –––––––––––––––––––––––––––––– 💻 Промокоды на хостинг https://timeweb.com/ru/?i=106411
FREELAB — для получения 1 месяца хостинга при оплате хостинга на 1 год. PROLAB — для получения 3 месяцев хостинга при оплате хостинга на 2 года.