I liked the tutorial so much. It was so easy to understand because of the way you explain it. I request you not to try a different accent. otherwise its superb. best ever tutorial I have come across in a long time.
Hi! Great video, really helped me alot. But could you please explain the purpose of useEffect in this code again. I dont quite get it since it works the same with and without the useEffect. Thanks in advance!
Thanks for the video. I have learnt a lot from your videos. About the form submission, all the values should get submitted after fulfilling all the conditions. isn't it?
Hi Dipesh! Thank you so much for this video! This helped me understand useState very well along with form validation. One question though, how do you get rid of the code that lingers above the form? I see it is coming from the initial values variable but have tried to remove it and nothing seems to work. Thank you in advance.
In the return, just remove tag and any content inside. Author used this aproach to show updated values of each fields on the screen instead of logging them in the console with console.log(), that's it.
Hi Dipesh, thank you so much for such informative video. However, if I want to clear the form once I click on the submit button and if everything is valid, what can be done in that case.
help solve my this one dout. how can prevent user from entering spaces in input field. i mean what the user enters name as " " or a full stop or a series of full stop, spaces or special charater how can i prevent these errors in input fields.
Hi there Dipesh, thanks for this! However I was wondering how can we live validate a username so we know its available or not? Im using NextJS with Supabase.
How to validate duplicate (redundant) input value..? In react typescript For example, User given name : 1st user; Name: Anu 2nd user; Name: Anu In this case, how to handle?
hi dpesh i couldnot create account in relevel..ur videos are good i am looking for a change now..this relevel is very good for me..could you help me any resource for creating account..i havent received any otp when i loggedin
@@DipeshMalvia can you elaborate more I didnt understand I tried with setFormValue =" " in handle submit but it didn't work please give me solution It will great help
@@DipeshMalvia Thanks for this amazing video. Which way do you think is the most correct way to handle the validation? like the video or like the way you show in the github by using 'ref' and 'useForm'. Which way do you normally use? Thanks!!
Anyone please help me to understand this line why we are checking keys values length of Object instead of doing this --- if(Object.values(formErrors).length ===0 && isSubmit)
Guys, if the video is helpful or you learned something than please appreciate and hit the LIKE and SUBSCRIBE button and help this channel to GROW😉
when there is empty object in formErrors, how can render {formErrors.username}, and email, password. 🔴PLEASE REPLY 🔴
how do you clear the input fields after submitting?
New subscriber 😊
hi
Please send this code to me
This is the best tutorial I have ever seen about form validation, thank you :))
Thanks!
You are so fluent and superrr in React! Excellent Video!
Thank you! 😃
Very clear explanation. Great job as always. Thanks a lot! 😉
Thanks and glad you liked it!
thanks alot you solved my problem.
you explain everything very well
keep going🤩💐
Most welcome 😊
Am new to React and this tutorial helped me a lot and cheers you got a new subscriber.
Thank you Dipesh.
Thanks and glad you liked it!
thanks it helps, wasted my 3 hours to figure this out and you did it in 10 mins
I liked the tutorial so much. It was so easy to understand because of the way you explain it. I request you not to try a different accent. otherwise its superb. best ever tutorial I have come across in a long time.
Thank you so much, you really helped me with my project in university!
Glad I could help!
Loved your video! Just an observation, no dev should limit the maximum number of characters in a password, it's a security breach.
Just an example to showcase the validation.
I like the simple and lucid presentation. Good job Dipesh!!
Thank you Dipesh 😊!
All the very best for your mission!!
8:45 Why it is not taking the first letter we type in the username field.?
No one can compete with him
He is legend
Haha..Thankyou!
Cleared explanation, thank you.
Glad it helped!
Thanks for the great explanation!
Glad it was helpful!
Wow! This is really awesome! Thank you for this video.
Glad you liked it!
Very well explained. Thanks,🙂 Dipesh!!
Glad you liked it
great video
I immediately subscribe.
this channel will have a million subcribers soon
luv from california
Very very CLEAR tutorial! thanks 👍♥️
Thanks and welcome!
All good until you use nested components and React Hook Form doesn't work. 😔
that's awesome , thankyou so much ... please make more videos specially the react code challenges which are asked in interview
Sure I will, don't forget to Subscribe, like and share with friends.
Very nice explanation, thank you
Super sir,thanks alot..very easy to understand...
Thanks!
This video was very helpful! Thank you!!!
Very Helpful video
Glad it was helpful!
Thank you so much for this! Great video that explained form validation perfectly!
Good infomative video just what i was looking for
Awesome tutorial, thanks!! 👏👏
Glad you liked it!
I love this. Thank you sir
Welcome!
Awesome explanation,
Thank you!
Another important thing you forgot to do. After sign in successfully how to empty the input field?
It is very much usefull video, thank you so much
Glad it was helpful!
Great Dipesh
Love you tutorials everytime
Glad you like them!
Thank you man, this is really helpfull
Glad to hear it!
hey Dipesh, can you make a video on multi step form without material ui,
Don't have such plans but will think about it.
Thank you so much! Have a good day 😉
Thanks a lot, that is very helpful tutorial!
Glad it was helpful!
its really help me in my cunstruct week project ....thanx alot
Thank you for the great explanation bro 😊
Glad it was helpful!
Thank you a lot for this session
helped me at right time
😘
That was useful, and thanks for github code!
Unfortunately I lost that code and can't find it in my machine to upload it to github.
@@DipeshMalvia there is a link to github code in video description, I downloaded it and used that approach in my task
Thanks for the video man, it's very helpfull!
Thank for your explanation.
You are legend🤩
Thanks Manu bhai.
You are doing great bro
Thank you so much 😀
Thank you very very much 😍
You're welcome 😊
Helped me, thanks! 👍
Hi! Great video, really helped me alot. But could you please explain the purpose of useEffect in this code again. I dont quite get it since it works the same with and without the useEffect. Thanks in advance!
Hi Raivo, here it's used just to keep track of when the form is filled correctly and to log the validated info to the console!
very clear tutorial
Yeah, i found that video for react form validation thanks for creater #Dipesh Malvia
Thanks for the video. I have learnt a lot from your videos. About the form submission, all the values should get submitted after fulfilling all the conditions. isn't it?
thank you so much i was stuck in the problem for the last 2 hours🤝🏻
I was the 400th like 🙃🙃
This was a very helpful video, thank you so much you just saved my ass
Very good and clear explanation. Is it possibe to do the form validation using class component. If possible, how?
Thank you.
The modern way of writing React code is function component so I don't think I will able to a video using Class Components. Sorry brother!
@@DipeshMalvia No issues. Thank you brother.
You are simply great
Hi Dipesh! Thank you so much for this video! This helped me understand useState very well along with form validation. One question though, how do you get rid of the code that lingers above the form? I see it is coming from the initial values variable but have tried to remove it and nothing seems to work. Thank you in advance.
In the return, just remove tag and any content inside.
Author used this aproach to show updated values of each fields on the screen instead of logging them in the console with console.log(), that's it.
@@georgesword2012 thank you :)
i@@georgesword2012 i removed the pre tag but it showed error
Hi Dipesh, thank you so much for such informative video. However, if I want to clear the form once I click on the submit button and if everything is valid, what can be done in that case.
when there is empty object in formErrors, how can render {formErrors.username}, and email, password.
Isn't using setState better? Btw I am new to react and this was what the console was saying.
Please dipesh make a video on reusable components. It is a request 🙏🙏🙏
how can we use custom hook for validation
This form is still being submitted if there are errors in the fields, any solutions???
It doesn't work in real scenario
Put setIsSubmit(Object.keys(formErrors).length === 0) inside the validate function
How can disabled button when the form is not valid ??
exactly, this form is still being submitted.. no use of validations if it submits error data
Thanks alot for this tutorial. But i have a bit problem on the regax of Email....!!!!
What happened? You can find the email regex easily on internet.
@@DipeshMalvia ok, it working now ! thank you so much Teacher!!
i did a wrong condition on errors of regax email !!! so that the problem of my coding
@@foxynight1688 : Superb!
help solve my this one dout.
how can prevent user from entering spaces in input field.
i mean what the user enters name as " " or a full stop or a series of full stop, spaces or special charater how can i prevent these errors in input fields.
You need to use regex for that and prevent from entering such special characters in name input field.
@@DipeshMalvia ok thank you 🙂
How do I redirect to another component post successful validation in native react?
I guess protected route is the way to redirect after successful login. You can my protected route video for reference.
Great explanation Dipesh .One question regarding css style where are the classes ui divider etc in the git repository?
I found it from the last video ,ui semantic
Hi there Dipesh, thanks for this!
However I was wondering how can we live validate a username so we know its available or not? Im using NextJS with Supabase.
which library you are using for CSS ?
Bhaiya how to validate form using bootstrap validation or jQuery validation on button click not onSubmit?
can u pls make a video about redux persist
Hii @Dipesh great video... But why do I have to click twice to submit form...
I don't have to click twice on submit form. Can you check adding console.log what happens in first click ?
@@DipeshMalvia Let me check...
please sir explain why we have used useEffect here ...
very good video, thank you
Nice but can you add uncontrolled inputs like dropdown, radio & checkbox inputs?
Sure we can take that up in some other video!
@@DipeshMalvia Thats great 👍
why the error messages no removed when we correct the input, How to make error messages hide or show onchange of input?
How can we add contact number validation in this form only number are allowed.
Thanks and glad you liked it!
How to validate duplicate (redundant) input value..?
In react typescript
For example,
User given name :
1st user;
Name: Anu
2nd user;
Name: Anu
In this case, how to handle?
How to make like that : I wanna error message show in focus in each field and button disabled
It's a great video but also tell me how to store data in local storage
hi dpesh i couldnot create account in relevel..ur videos are good i am looking for a change now..this relevel is very good for me..could you help me any resource for creating account..i havent received any otp when i loggedin
brother one doubt is there even after submitting the form it is displaying the data how we can clear data on succssful submission
Why can't form be submitted in handleSubmit? Why is useEffect needed?
Can you guide us how to reset form after submit it is a important part of any forms
Either you can set the state to empty string or event.target.value = ""
@@DipeshMalvia can you elaborate more I didnt understand I tried with setFormValue =" " in handle submit but it didn't work please give me solution
It will great help
Thanks a lot!
You're welcome!
On submitting form current value of isvalid and formerror length is updating on clicking twice .... Please get to know how to solve
In if statement, why is it errors.username='username is required' but not key-value pairs ?
How we download this form in pdf result
Hi bro what is ur git hub name bro... excellent 👌👍
will this work if i replace the input fields wth textarea ?
This code is not present in your github link provided in the description, both the branches have same code of react-hook-form
Let me check. I will update you.
@@DipeshMalvia Thanks for this amazing video. Which way do you think is the most correct way to handle the validation? like the video or like the way you show in the github by using 'ref' and 'useForm'. Which way do you normally use? Thanks!!
@@DipeshMalvia pls after FOLLOWing your steps, my form still submit empty fields in my DB after flagging the errors.
@@afolabioladipo2785 : make sure after setting the error msg you add return statement otherwise the follow will continue.
@@DipeshMalvia am not getting it sir, it works but it still submit the error into my DB after raising the error.
Great!!!
But the form is still submitting. If we console.log values in handlesubmit function
Nice..please create realtime chat app in React native.. 🙏🙏
Sure. will think about it.
th-cam.com/video/WWiQ33h980U/w-d-xo.html&ab_channel=Front-EndHacks
Please check this video for Formik and Yup Form Validation in Hindi
How to give reg Ex for email validation????
good!!! validation
Thanks and welcome to channel!
Anyone please help me to understand this line
why we are checking keys values length of Object instead of doing this ---
if(Object.values(formErrors).length ===0 && isSubmit)
How to remove above object that show on screen??