TypeScript: очистка ошибок валидации — 2 подхода
Финальный урок курса по TypeScript! Разбираем два подхода к очистке ошибок валидации: при submit (display: none) и при вводе (addEventListener input). Какой лучше? Зависит от UX — разбираем плюсы и минусы каждого. ⏱ Таймкоды: 00:00 — Интро 00:05 — Проблема: поле ошибки остаётся после валидации 00:17 — Два подхода к очистке ошибок 00:35 — Вариант 1: очистка при submit (display: none + пустой текст) 00:51 — Никогда не забывайте зачищать ошибки! 01:06 — Тестируем: ошибка очищается при повторной отправке 01:36 — Вариант 2: очистка при вводе (addEventListener input) 02:06 — email.addEventListener('input', ...) — зачистка при печати 02:46 — Тестируем: ошибка пропадает при первом символе 02:58 — Минус: подсказка пропадает слишком рано 03:12 — Вкусовщина: на работе скажут — так и будете делать 03:17 — Курс по TypeScript завершён! 👍 Если курс был полезен — ставь лайк и подписывайся! 📱 Соцсети: Telegram: https://t.me/daonejuniorday ⚡️ Поддержать меня на Boosty: https://boosty.to/sovit #typescript #validation #UX #addEventListener #forms #webdev #курс #frontend #javascript #финал
Финальный урок курса по TypeScript! Разбираем два подхода к очистке ошибок валидации: при submit (display: none) и при вводе (addEventListener input). Какой лучше? Зависит от UX — разбираем плюсы и минусы каждого. ⏱ Таймкоды: 00:00 — Интро 00:05 — Проблема: поле ошибки остаётся после валидации 00:17 — Два подхода к очистке ошибок 00:35 — Вариант 1: очистка при submit (display: none + пустой текст) 00:51 — Никогда не забывайте зачищать ошибки! 01:06 — Тестируем: ошибка очищается при повторной отправке 01:36 — Вариант 2: очистка при вводе (addEventListener input) 02:06 — email.addEventListener('input', ...) — зачистка при печати 02:46 — Тестируем: ошибка пропадает при первом символе 02:58 — Минус: подсказка пропадает слишком рано 03:12 — Вкусовщина: на работе скажут — так и будете делать 03:17 — Курс по TypeScript завершён! 👍 Если курс был полезен — ставь лайк и подписывайся! 📱 Соцсети: Telegram: https://t.me/daonejuniorday ⚡️ Поддержать меня на Boosty: https://boosty.to/sovit #typescript #validation #UX #addEventListener #forms #webdev #курс #frontend #javascript #финал



