Form Validation In React Using YUP Tutorial

[@sarthak290]

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

[@СашаАлександр-е4м]

I think a year later, you are guessed that lib using with the react hook form but the alone using very rary

[@bernardopapini]

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

[@PedroTechnologies]

Fico feliz que gostou!

[@HuyLe-tc4mx]

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

[@PedroTechnologies]

Hey, I believe I used Andromeda in this video!

[@bhatiashivam]

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

[@PedroTechnologies]

This explains pretty well: til.hashrocket.com/posts/vahuw4phan-check-the-password-confirmation-with-yup

[@bhatiashivam]

@@PedroTechnologies thank you

[@RenardBergson]

Thank you so much. I was trying to find out how to use Formik + Yup, and your video was very helpful with regard having Yup validations in a separated file.

[@Bread-vk8fl]

Salvou a patria!! Bom pra não deixar sem nenhuma validação no começo.

[@matthewparsons9407]

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

[@devopssimon]

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) }

[@f3-faithfitnessfinance]

Congrats on 2k man🔥🔥 It was quick from 1k to 2k Let's go let's go!!!!💪

[@PedroTechnologies]

Lets gooo bro! I can't believe how fast the channel is growing hahaha Thank you for being here since the beginning!

[@DavidChuksPatrick]

🎉🎉3 years later. The growth is massive ❤205k

[@matheusmartinez5455]

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?

[@PedroTechnologies]

Boa, pra fzer isso tem que ser no backend pesquisando na base de dados pra ver se o email existe, o yup é so pra validar formatação e tipos de dados!

[@staaiik]

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

[@PedroTechnologies]

kkkkkk muito bom! Fico feliz :)

[@abrahamokezie4320]

keep posting man i love your videoss

[@PedroTechnologies]

More to come!

[@codito7388]

1 like from codito because you deserve it!!!!

[@codito7388]

I am not arrogant and i appreciate others job!!! Try to do everything from scratch like you do!!! In my channel i do everything from scratch... a lot of time but this is the best way to tech someone.

[@PedroTechnologies]

Thank you bro! I like ur videos too, u make great content!

[@ferrariDev]

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

[@nasserhossam1]

Great and short explanation, thanks

[@PedroTechnologies]

Glad it was helpful!

[@egzonberisha9906]

Thats way easier than Regex, thanks man

[@PedroTechnologies]

You bet, glad to help!

[@olawumisegun5898]

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?

[@Alex-xe6bl]

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

[@kevyyar]

Yup!

[@nymst]

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

[@tech3425]

Still waitin on that

[@ilhamadiputra4745]

great work! time to implement this to my little use-case project xD

[@PedroTechnologies]

Thakn you!

[@jeffmuts]

Very well put. Simple and clear. Thanks

[@salahashraf2337]

Great work man ...... you are being really helpful for me as Iam trying to become a web developer . You have helped me a lot m8 ( ❤ all the way from india)

[@PedroTechnologies]

Thank you man! Really happy am am being able to help you!

[@devmts]

ingles brabo mano, bom video!

[@TajaHouse]

1 year later, there's also Zod form validation, but I'm used to formik and yup. I want to try zod one day though. 😊

[@ThColinPereira]

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

[@okage_]

thank you! really helpful video

[@Martin-kd2rf]

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!

[@hk_driving3178]

Hi , Can you please make a video on Login and profile functionality by using MySQL node and react

[@current5]

yes please

[@PedroTechnologies]

Hey, I actually have 3 videos on the topic using React Node and MySQL! Here is the link to the playlist: kzbin.info/aero/PLpPqplz6dKxVC1RlVMH_LcZz2vUheC1-i

[@hk_driving3178]

@@PedroTechnologies thanks... really helpful 👍❤️

[@zhichengyu950]

Great tutorial. I really hope you can make a tutorial for email verification after sign up.

[@PedroTechnologies]

Hi, yes this video is on the plans! I am thinking of releasing it this week!

[@zhichengyu950]

@@PedroTechnologies Thanks a lot bro!

[@deadshotxi3970]

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

[@PedroTechnologies]

Lmaoo

[@lologachupin9207]

Very helpful. Gracias Señor!

[@afonsoramon6798]

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

[@nicholassmith6412]

quick and to the point, thanks

[@manujamadushan9471]

Well explained, Thank you 😊

[@radomirmijovic2605]

Thanks man, this is great!

[@Abdullah-uv9nk]

Hi Pedro, can you please make a video on React Bootstrap, Saas and styled components? Currently having trouble with these.

[@PedroTechnologies]

Hey, ive never actually used saas, but i Have a full styled components crash course in my channel. I also have used bootstrap so I can make a video about it!

[@Abdullah-uv9nk]

@@PedroTechnologies Awesome, thank you!

[@arazmammadov9276]

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

[@neerajkanojiya8098]

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

[@dheerajtp5757]

instead of isValidate use validate function inside yup with try catch block and take errors which is present inside error in catch block //example const createUser = async (e) => { e.preventDefault(); try { await userValidationSchema.validate(input); setSuccess("Success"); } catch (Err) { const { errors } = Err; setError(errors); } };

[@nages1549]

Yub used for FE or BE?

[@johnconnor9787]

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

[@BaneCodes]

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

[@alimkhanfthl7846]

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

[@PedroTechnologies]

So, I would not trust html validation cause its extremely simple to bypass. People can trigger api requests without touching the client, not to mention that someone can easily do inspect element and remove the require. So form validation is really important for both the frontend and backend.

[@alimkhanfthl7846]

@@PedroTechnologies thanks 🖤

[@arihantjain8347]

Issue is formik cannot have nested forms

[@Sam-kr5ix]

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

[@mihrankhachatryan3693]

Donth you think that useForm is better?)

[@PedroTechnologies]

YUP is mainly used just for validation while useForm is used for form creation, I would say my favorite is YUP + Formik

[@sachinthaheshan389]

Good job!

[@isaacsarte2708]

how can i see the error messages?

[@yogeshworld]

How to make 1 character upper case in validation

[@asimgiri4269]

Never seen 5K changes in git before. LOL

[@PedroTechnologies]

Lmaoo

[@richardramirez5746]

cool mr Pidhro

[@rayvincentdelacruz8251]

Great man!

[@PedroTechnologies]

Thank you! Glad you liked it!

[@shucheendrat.m6024]

Super sir

[@momenzidan9505]

you are the best.

[@matheusmartinez5455]

Muito bom.obrigado.

[@PedroTechnologies]

Obrigado! Fico feliz que gostou!

[@27sosite73]

well well well nice!

[@marceloveron2393]

wenardo el tutorial +1000

[@houssemeddinezekri6016]

where is the code??????????????

[@akashshrestha01]

great

[@vd7533]

nice!

[@Shellflower1234]

Yayyyy

[@kacperkepinski4990]

pathetic

[@sktraveltales]

const validationForm = Yup.object().shape({ DateTime:Yup.date().required('Date and time is required') }); Even after selecting the date and time it is showing required.

[@Pareshbpatel]

{2022-11-14}