Form Validation In React Using YUP Tutorial

Form Validation In React Using YUP Tutorial

PedroTech

3 года назад

89,565 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

DevOps Simon
DevOps Simon - 01.08.2023 23:55

An easier way to get data from the form is like this
const onSubmit = (e: any) => {
e.preventDefault()
const formData = new FormData(e.currentTarget)
const data = Object.fromEntries(formData)
}

Ответить
Mindstuff
Mindstuff - 18.07.2023 06:23

Very well put. Simple and clear. Thanks

Ответить
Olawumi Segun
Olawumi Segun - 15.07.2023 20:17

Hi i have been trying to wrap my mind around yup validation for patch request where all required fields in the yup schema is not present in the request body? What your suggestion?

Ответить
27sosite
27sosite - 29.04.2023 04:30

well well well
nice!

Ответить
Arihant Jain
Arihant Jain - 13.04.2023 21:17

Issue is formik cannot have nested forms

Ответить
momen zidan
momen zidan - 10.04.2023 00:40

you are the best.

Ответить
shivaradhan konda
shivaradhan konda - 25.02.2023 09:36

Nice tutorial but Where is the video for formik and yup?

Ответить
Okage
Okage - 09.02.2023 18:55

thank you! really helpful video

Ответить
Sarthak
Sarthak - 29.01.2023 18:27

Finally a video which talks about YUP, no more, no less. And especially not some form library I don't care about

Ответить
Matthew Parsons
Matthew Parsons - 28.01.2023 03:46

Hey pedro, how can you display custom error messages using this?

Ответить
Afonso Ramon
Afonso Ramon - 07.01.2023 00:18

I was watching the video when you put "Machado" in the email I knew you were Brazilian lol

Ответить
Paresh B. Patel
Paresh B. Patel - 14.11.2022 15:16

{2022-11-14}

Ответить
Marek Bielski
Marek Bielski - 12.11.2022 15:36

that was a good one, straight and clear, thanks

Ответить
Gustavo Ferrari
Gustavo Ferrari - 16.07.2022 01:20

Valeu demais!! Estava morrendo tentando validar o email por REGEX. Me salvou!! Valeu demais!!

Ответить
Marcelo Veron
Marcelo Veron - 08.07.2022 00:05

wenardo el tutorial +1000

Ответить
Saurabh Kapoor
Saurabh Kapoor - 12.06.2022 18:57

const validationForm = Yup.object().shape({

DateTime:Yup.date().required('Date and time is required')

});

<DateTimePicker {...register('DateTime')}/>

Even after selecting the date and time it is showing required.

Ответить
Martin Bettaglio
Martin Bettaglio - 26.05.2022 14:37

Hi Thanks for the class. I have a problem with Formik and YUP, someone know how can I send a request to validate an email to the user email, and even this logic is possible to use when the user forget the passwoard? Thanks!

Ответить
neeraj kanojiya
neeraj kanojiya - 06.04.2022 16:38

Explained very well, only thing is: How I can show error indication or messages?

Ответить
Araz Mammadov
Araz Mammadov - 03.04.2022 21:34

Cool ending music, but I couldn't find the top right corner video

Ответить
Songs
Songs - 25.01.2022 08:40

How to make 1 character upper case in validation

Ответить
ISAAC SARTE
ISAAC SARTE - 22.12.2021 13:20

how can i see the error messages?

Ответить
Manuja Madushan
Manuja Madushan - 13.11.2021 11:39

Well explained, Thank you 😊

Ответить
Alex
Alex - 05.11.2021 15:23

can you create multiple/dynamic field validation. that would help us a lot too

like where you click a button then new textfield is added. then you validate it too

Ответить
Akash Shrestha
Akash Shrestha - 22.10.2021 07:55

great

Ответить
John Connor
John Connor - 12.10.2021 08:55

Can we validate input type="file" with yup?

Ответить
VD
VD - 13.09.2021 21:09

nice!

Ответить
Radomir Mijovic
Radomir Mijovic - 19.08.2021 15:06

Thanks man, this is great!

Ответить
Sam
Sam - 19.07.2021 16:12

where are the custom messages when an error occur you didn't show anything in this video

Ответить
Nages
Nages - 11.07.2021 11:57

Yub used for FE or BE?

Ответить
Colin Pereira
Colin Pereira - 02.07.2021 02:22

Wooooooooooooooooooooooooooooooow! Great video pedro, this helped me so much! I appreciate your kind help sir

Ответить
Mihran Khachatryan
Mihran Khachatryan - 23.06.2021 17:47

Donth you think that useForm is better?)

Ответить
Nicholas Smith
Nicholas Smith - 15.06.2021 00:24

quick and to the point, thanks

Ответить
Asim Giri
Asim Giri - 13.06.2021 08:17

Never seen 5K changes in git before. LOL

Ответить
Egzon BERISHA
Egzon BERISHA - 11.06.2021 19:57

Thats way easier than Regex, thanks man

Ответить
Sachintha Heshan
Sachintha Heshan - 11.06.2021 12:19

Good job!

Ответить
StaiK
StaiK - 11.06.2021 02:33

Cara é incrivel, eu consegui treinar o meu ingles e fazer a validação, você é foda!

Ответить
nymst
nymst - 27.05.2021 17:47

Heya, would u mind sharing what VSC theme u're using? Thanks in advance

Ответить
Donmikko Dan M. Olmillo
Donmikko Dan M. Olmillo - 19.05.2021 15:41

Hi :) I really love your content, please check out Joi validation and do a tutorial on it? thank you !

Ответить
Lolo Gachupin
Lolo Gachupin - 14.05.2021 06:21

Very helpful. Gracias Señor!

Ответить
Abraham okezie
Abraham okezie - 04.04.2021 04:48

keep posting man i love your videoss

Ответить
Crazy Parrot
Crazy Parrot - 25.02.2021 13:48

Great and short explanation, thanks

Ответить
Huy Lê
Huy Lê - 25.02.2021 03:04

Can I ask the name of the theme extension you used in this video?

Ответить
Bernardo Papini
Bernardo Papini - 25.01.2021 20:42

Explicação precisa, inglês impecável. Parabéns, Pedro. E obrigado pelo vídeo!

Ответить
Shucheendra T.M
Shucheendra T.M - 17.01.2021 17:08

Super sir

Ответить
Shivam Bhatia
Shivam Bhatia - 11.01.2021 01:44

How can I add another input field to confirm password and check if the 2 passwords match?

Ответить
alimkhan fthl
alimkhan fthl - 07.01.2021 22:49

That's all good, but make everything much more complex. Why not just only change type="text" to type="email" and add an attribute of required

Ответить
Deadshot XI
Deadshot XI - 05.01.2021 09:36

The name should be string, Elon musk child will be 👀👄👀

Ответить
Matheus Martinez
Matheus Martinez - 04.01.2021 14:41

Só tenho uma pergunta, quando eu quero validar se o email já existe no banco de dados, como eu faço para validar isto com YUP?

Ответить
Catarina Souza
Catarina Souza - 03.01.2021 16:56

Yayyyy

Ответить
Matheus Martinez
Matheus Martinez - 02.01.2021 19:36

Muito bom.obrigado.

Ответить