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

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

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

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

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

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

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

📌 Ссылки на источники

Предыдущий урок: https://codelab.pro/forma-obratnoj-svyazi-pishem-osnovu-na-html-i-css/
Исходники данного урока: https://codelab.pro/forma-obratnoj-svyazi-validacziya-formy-na-js/

Первое видео:
https://www.youtube.com/watch?v=TzdrzZ6-GkE

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

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

💙 Поддержать меня и мой канал

Yandex деньги ➝ https://yoomoney.ru/to/4100116765956607
Qiwi кошелек ➝ https://qiwi.com/n/CODELAB

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

💻 Хостинг, которым пользуюсь сам ➝ https://fozzy.com/aff.php?aff=18530
По промокоду CODELAB скидка 10%

Видео Форма обратной связи / Валидация формы на JS канала CODE LAB - Уроки по программированию