Валидация форм на React JS. Простая валидация. Урок 1.

блять все идеально за 6 мин все что нужно рассказал показал научил

Спасибо!

от души, спасибо!

Метод blurHandler почему-то не срабатывает

У меня у одного не работает?😢

Единственное что я поменял, это onBlur , на onChange.
Зато switch case выучил)😂😂😂
Огромное спасибо)

Man u are the best, I was finding this information about 2 days, and your video helped me so mch!!

Честно говоря, не понравилось, не подошел мне способ

Офигел когда остановил на паузу и понял что прошло уже пол видео, все МЕГА коротко и ясно, без кучи воды и долгих ненужных слов, большое спасибо

Делал валидацию для пет-проекта, очень помог, спасибо!

Мне понравилось и я написал комментарий

очень помог спасибо большое)

все классно, спасибо, отличный материал!

Большое спасибо за шесть минут отличной информации!

Лучший бро!

Благодарочка за контент, очень многому ты меня уже научил, особенно кастомные хуки просто топ. Спасибо за твой труд!

жесть, после того как поуправжняетесь с этим видео обязательно поизучайте что такое formik, сэкономите себе тонну времени и строчек кода

Спасибо за полезный урок! Только я думаю, что правильнее проверять форму при нажатии на кнопку, а не при покидании поля

Спасибо, помог! Красавчик!

Я молюсь тебе)))

Полезное видео, спасибо!

Отстой полный

А можно ли скопировать код где ни будь?

при вводе нуля в инпут надо что бы сразу загоралась ошибка. реализовать так же как тут с паролем ?

Спасибо Вам!

Почему то у меня в инпуте ничего не хочет писать, что-то походу с useState

Спасибо за труд!. Просто здорово!

Делаю этот компонент по таску(учусь) заняло у меня два дня. Это плюс тайпскрипт и создание карточки по введенным данным. У тебя бы это заняло 10 минут)))

Спасибо. Все круто. Продолжаем смотреть на х 0.75 )))

спс !

Почему нельзя просто вставить required и доверить валидацию браузеру?

Спасибо, очень доходчиво, очень наглядно

спасибо!

Щоб було актуальніше в нашому технологічному світі, краще код закидувати на гіт або кодепен.

Огромное спасибо

Я вроде не глупый, но не особо понял как работает эта ебанутая конструкция:
{(emailDirty && errorEmail) && <div style={{color: "red"}}>errorEmail</div>}

Спасибо!!!!

Привет. Я новичок в React, помоги разобраться. После нажатия кнопки форма очищается, а мне надо что бы данные пользователя уходили в другой компонент, но они приходят как undefined так как форма уже пуста.

Привет. Не совсем понял назначение двух стейтов "isDirty" у полей. Для чего они нужны? Зачем нам нужно знать, заходили ли мы в поля или нет? Зачем нам менять этот стейт после захода в поле? Поля же и так замечательно валидируются на правильность ввода или отсутствие данных в полях. Мы их написали позже.

Спасибо ! все на высоте ждем других подобных видео про компоненты и как они работают

top!!!

Ну такое. Я устраивался на middle разработчика в одну компанию и тестовым заданием как раз была валидация формы. Если честно, то этот вариант это самый банальный способ валидации, который не особо то и хорош. Валидировать надо сразу всю форму, у формы есть поле onInput, его надо использовать, а не вот это вот всё. Для джунов сойдет, но не больше) Если хочешь поподробнее про способ хорошей валидации, то ответь и я распишу) Неплохо было бы его показать подписчикам в таком случае) Он хорошо масштабируется под множество инпутов. Если у тебя будет 10 инпутов, что нормально для формы, то у тебя просто пипец много строк кода будет) Да, во втором видео гораздо лучше, но всё равно, советую рассмотреть мой вариант и его уже расширить. Там код сейчас не особо то и чистый, но он будет чуток получше всё же) Валидировать сами инпуты напрямую не особо хорошая идея

у меня почему то не работает, вроде все написал правильно, так же как и показал, но инпут никак не реагирует(
кто нибудь сталкивался с подобной проблемой?

Все как обычно четко, ясно, понятно, быстро и без воды! Реально подсел на твой канал. Спасибо! Успехов тебе!

А я Formik использую и горя не знаю :-)

Всё классно... Но только один вопрос 🙋 Почему ты всегда передаёшь слушателей { ( e ) => blurHandler( e ) } , а не просто onBluc = { blurHandler } (когда просто сallback принимает только параметр event)

атдуши братан, спасибо,удачи!

Можно пожалуйста гайд как очищать поля инпутов после ввода, когда инпут сделан отдельным компонентом.

Грамотная подача материала, красивое оформление. Что ещё нужно? Мой любимый сериал, жду новых серий. Спасибо!