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

📋 Кратко, о чем это видео

В данном видео мы напишем универсальный скрипт на JS для валидации полей формы. Данный скрипт будет сам определять, что поле проверяется на валидность. Для этого достаточно добавить в HTML-разметке кастомный атрибут в input.

При неправильном значении рамки поля input подсвечиваются красным, при правильном - зеленым. Кнопка отправки формы submit срабатывает только, если все поля заполнены корректно.

––––––––––––––––––––––––––––––

📌 Полезные ссылки

Готовый код из видео (с объяснением) ➝ https://codelab.pro/forma-obratnoj-svyazi-validacziya-formy-na-js
Исходники предыдущего урока на GitHub ➝ https://github.com/toni-wheel/youtube-responsive-contact-form-v1

Список полезных регулярных выражений ➝ https://docs.salebot.pro/peremennye-1/spisok-poleznykh-regulyarnykh-vyrazhenii

––––––––––––––––––––––––––––––

🕒 Таймкоды из видео

0:00 Демонстрация проверки на валидность
1:26 Добавляем атрибуты для input'ов
4:28 Добавляем описание к полю label
6:46 Скрипт для обработки ввода
12:14 Скрипт для обработки кнопки отправки
25:55 Завершение