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.
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)
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.
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) }
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
Hey, I actually have 3 videos on the topic using React Node and MySQL! Here is the link to the playlist: ruclips.net/p/PLpPqplz6dKxVC1RlVMH_LcZz2vUheC1-i
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?
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!
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!
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.
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.
Finally a video which talks about YUP, no more, no less. And especially not some form library I don't care about
I think a year later, you are guessed that lib using with the react hook form but the alone using very rary
Congrats on 2k man🔥🔥
It was quick from 1k to 2k
Let's go let's go!!!!💪
Lets gooo bro! I can't believe how fast the channel is growing hahaha Thank you for being here since the beginning!
🎉🎉3 years later. The growth is massive ❤205k
Explicação precisa, inglês impecável. Parabéns, Pedro. E obrigado pelo vídeo!
Fico feliz que gostou!
keep posting man i love your videoss
More to come!
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.
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)
Thank you man! Really happy am am being able to help you!
Great and short explanation, thanks
Glad it was helpful!
Very well put. Simple and clear. Thanks
Hey pedro, how can you display custom error messages using this?
1 like from codito because you deserve it!!!!
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.
Thank you bro! I like ur videos too, u make great content!
Valeu demais!! Estava morrendo tentando validar o email por REGEX. Me salvou!! Valeu demais!!
Salvou a patria!! Bom pra não deixar sem nenhuma validação no começo.
Thats way easier than Regex, thanks man
You bet, glad to help!
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)
}
Wooooooooooooooooooooooooooooooow! Great video pedro, this helped me so much! I appreciate your kind help sir
great work! time to implement this to my little use-case project xD
Thakn you!
Cara é incrivel, eu consegui treinar o meu ingles e fazer a validação, você é foda!
kkkkkk muito bom! Fico feliz :)
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
Yup!
Can I ask the name of the theme extension you used in this video?
Hey, I believe I used Andromeda in this video!
quick and to the point, thanks
Thanks man, this is great!
Hi , Can you please make a video on Login and profile functionality by using MySQL node and react
yes please
Hey, I actually have 3 videos on the topic using React Node and MySQL! Here is the link to the playlist: ruclips.net/p/PLpPqplz6dKxVC1RlVMH_LcZz2vUheC1-i
@@PedroTechnologies thanks... really helpful 👍❤️
thank you! really helpful video
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. 😊
Very helpful. Gracias Señor!
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?
How can I add another input field to confirm password and check if the 2 passwords match?
This explains pretty well: til.hashrocket.com/posts/vahuw4phan-check-the-password-confirmation-with-yup
@@PedroTechnologies thank you
Well explained, Thank you 😊
Great tutorial. I really hope you can make a tutorial for email verification after sign up.
Hi, yes this video is on the plans! I am thinking of releasing it this week!
@@PedroTechnologies Thanks a lot bro!
ingles brabo mano, bom video!
Hi Pedro, can you please make a video on React Bootstrap, Saas and styled components? Currently having trouble with these.
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!
@@PedroTechnologies Awesome, thank you!
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?
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!
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!
Great man!
Thank you! Glad you liked it!
The name should be string, Elon musk child will be 👀👄👀
Lmaoo
Heya, would u mind sharing what VSC theme u're using? Thanks in advance
Still waitin on that
Cool ending music, but I couldn't find the top right corner video
Explained very well, only thing is: How I can show error indication or messages?
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);
}
};
Good job!
Can we validate input type="file" with yup?
Yub used for FE or BE?
Nice tutorial but Where is the video for formik and yup?
where are the custom messages when an error occur you didn't show anything in this video
Issue is formik cannot have nested forms
Donth you think that useForm is better?)
YUP is mainly used just for validation while useForm is used for form creation, I would say my favorite is YUP + Formik
you are the best.
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
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.
@@PedroTechnologies thanks 🖤
How to make 1 character upper case in validation
how can i see the error messages?
I was watching the video when you put "Machado" in the email I knew you were Brazilian lol
cool mr Pidhro
Super sir
well well well
nice!
where is the code??????????????
wenardo el tutorial +1000
Never seen 5K changes in git before. LOL
Lmaoo
Muito bom.obrigado.
Obrigado! Fico feliz que gostou!
nice!
great
Yayyyy
pathetic
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.
{2022-11-14}