Here I have tried how to do react form validation very easily by using react hook form . react form validation functional component . UI design by bootstrap-5 || form validation in react js bangla
00:00 – Introduction
00:23 – UI Design Explain
01:18 - How to install react hook form
02:52 – How to get all user input values from react form
10:02 – How to change react form's default values
14:44 – Required input field validation
19:54 - How to set minimum length letter can be used in input field
21:48 - How to set maximum length letter can be used in input field
23:08 - How implement react hook form pattern
27:01 - How set input value range ( set minimum value and maximum value of a input field )
29:48 - match password and confirm password in react form in bangla
33:04 - set password pattern ( min 8 letter , at least a symbol,
upper and lower case letters
and a number )
react hook form Documentation link : https://react-hook-form.com/
What we can learn from here :
1. How to get user input values from react form
2. How to change default input values in react form by using react-hook-form defaultValues
3. required validation in react form
4. set minimum length of a input field (set minimum character or letter can be using in input field )
5. set maximum length of a input field (set maximum character or letter can be using in input field )
6. set minimum value of a input field
7. set maximum value of a input field
8. regular expression (regEx) pattern validation in react
9. how to match password and confirm password in react form
10 . set password pattern in react form
Functionalities :
react-hook-form
react-hook-form required
react-hook-form defaultValues
react-hook-form min
react-hook-form max
react-hook-form minLength
react-hook-form maxLength
react-hook-form validate
react-hook-form useForm
react-hook-form watch
react-hook-form registration
react-hook-form handleSubmit
react-hook-form errors
react-hook-form validate
This Tutorial for all the Bengali react developer, who want to learn react form validation in easy way by using react-hook-form. Insha Allah it will be helpful for them.
যেহেতু আমি একজন বিগিনার প্রোগ্রামার, যদি কোথাও কোন ভুল ইনফরমেশন বা কোন কিছু ভুল এক্সপ্লেইন করি তাহলে অবশ্যই আমার ভুল ধরিয়ে দিয়ে আমাকে সাহায্য করবেন
Since I am a beginner programmer, if I misinform or misinterpret something, please help me by pointing out my mistake
You can follow my Playlist to learn the basics of Python programming:
• Python Bangla Tutorial for Beginners
HackerRank problem solving Play List : • Hacker Rank Problem Solving With Python in...
Beecrowd (URI online Judge ) Problem Solving with Python in Bangla Play Link :
• Problem Solving with Python in Bengla - B...
My Github :
https://github.com/Jahid-Hasan-Jony
My FB Page:
/ jahidhasanjony48