Skip to player
Skip to main content
Search
Connect
Watch fullscreen
Like
Bookmark
Share
More
Add to Playlist
Report
React Form Validation with onChange & defaultValue
ABC Computer
Follow
6 weeks ago
আজকের ভিডিওতে আমরা শিখবো React form এ কিভাবে onChange এবং defaultValue ব্যবহার করে state সেট করা যায় এবং কিভাবে error message দেখানো যায়। 🚀
👉 Example:
পাসওয়ার্ড ফিল্ডে যদি ৬ সংখ্যার কম হয় → Error message দেখাবে ❌
আর যদি ৬ বা তার বেশি হয় → Error message চলে যাবে ✅
👉 What you will learn:
React এ onChange দিয়ে state সেট করা
defaultValue ব্যবহার করা
Simple form validation in React
Real-time error handling (Password example)
📌 React form handling এবং validation শেখার জন্য এই ভিডিওটি খুবই গুরুত্বপূর্ণ।
Category
📚
Learning
Transcript
Display full video transcript
00:00
Assalamualaikum
00:30
Assalamualaikum
01:00
Assalamualaikum
01:30
Assalamualaikum
01:32
Assalamualaikum
01:34
Assalamualaikum
01:36
Assalamualaikum
01:38
Assalamualaikum
01:40
Assalamualaikum
01:42
Assalamualaikum
01:44
Assalamualaikum
01:46
Assalamualaikum
01:48
Assalamualaikum
01:50
Assalamualaikum
01:52
Assalamualaikum
01:54
Assalamualaikum
01:56
Assalamualaikum
01:58
Assalamualaikum
02:00
!!
02:06
?
02:10
?
02:14
?
02:15
?
02:20
?
02:24
?
02:29
સ્રલાચે ઇન્પૂદ તીરોચે ધરેન ઇન્થરાઈબાચે પાસ્વાડ એકે પાસ્વાડ છે પાસ્વાડ એકે પાસ્વાડ ત
02:59
. એનુદ કાળાટ આમ તરેપઓ એને ઔદ યેણ�ડ પાખે હન્ડાડ ઈ વ�ારાદ વાધુાાર એન્ર મ્ટ તીથા એનેક��રણ�ડ�
03:29
well event but I'm going to say hello to the guy has a last up yes ever I'm right
03:34
I can inspect could be inspect color for a I mean just a can kill it or something
03:38
I can play so that they need so I'm making a placeholder the goal of the place
03:41
under are in turn you email and password inventory on the placeholder was
03:47
any placeholder was a Dylan and here password was so simple about you
03:54
doing so I'll show you from and to the next one go to the console and get the
04:15
of course, how do you do it?
04:17
I am going to prevent default.
04:19
prevent default
04:23
prevent default
04:25
prevent default
04:27
save
04:29
submit
04:31
reload
04:33
prevent default
04:35
call
04:37
call
04:39
call
04:41
consider adding an error boundary to your tree to customize error handling behavior
04:55
visit
04:57
type error
04:59
prevent default
05:01
is not a function
05:03
that's why the problem
05:07
the problem
05:08
you can see
05:09
click on submit
05:11
submit
05:13
submit
05:14
apply
05:15
click on
05:16
submit
05:17
submit
05:18
submit
05:19
submit
05:21
submit
05:23
submit
05:24
log
05:26
log
05:30
submit
05:32
submit
05:34
That means, we have to reload the paste and we have to submit it.
05:41
So, in this case, we have to submit it.
05:46
In this case, we have to submit it.
05:50
We have to submit it.
05:53
So, in this case, we have to submit it.
05:58
We have to submit it.
06:05
We have to submit it.
06:08
Please fill out this field.
06:10
So, we have to submit it.
06:14
We have to submit it.
06:17
We have to submit it.
06:20
So, we have to submit it.
06:23
If we have to submit it, we don't have to submit it.
06:28
This is the case of the code.
06:31
We are going to submit it.
06:33
We can submit it.
06:35
So, we have to submit it.
06:37
We can submit it.
06:40
So, in this case, we have to submit it.
06:45
So, first of all, I'm going to check instead, use state, use state, use state, and I'm going to default
07:04
Once I'm going to select my password, now save my password
07:16
Once I select your password and we also take my password to your
07:33
I will send my email to my password and I will send my password to my password.
07:44
I will send my password to my email and I will send my email to my email.
08:01
It will send email to my email.
08:04
So
08:12
I will send me to my device.
08:21
this will render a read only field
08:26
so read only field
08:29
if the field should be mutable
08:33
use default value
08:36
set either on chance or read only
08:41
so default value set
08:44
default value set
08:49
default value set
08:51
default value set
08:53
on chance
08:55
on chance
08:57
on chance
08:59
on chance
09:01
on chance
09:03
handle
09:05
handle
09:07
change
09:09
on chance
09:19
handle on chance
09:21
handle on chance
09:23
on chance
09:25
on chance
09:27
on chance
09:29
on chance
09:31
on chance
09:33
call
09:37
console
09:38
...
09:40
...
09:48
...
09:50
...
09:54
...
09:57
...
09:59
This is the same for my EVE, so my my EVE is a SYNTHETIC basic event, which is a EVE is a SYNTHETIC basic event.
10:08
So what can I say?
10:11
And when I say EVE , we will get the target, and then the target will save us.
10:20
So it will create a password.
10:24
In this case, you can see values.
10:28
You can see values, then you can see values.
10:33
I just want to give you values.
10:34
I will show you values.
10:36
I will click 1, 2, 3.
10:40
Let's use values.
10:43
I will see values.
10:48
So, this is basically a problem.
10:50
Why do I have a password?
10:53
.
11:00
.
11:05
.
11:10
.
11:12
.
11:13
.
11:14
.
11:16
.
11:17
.
11:18
.
11:21
.
11:22
.
11:23
.
11:31
અઅ્রા ઇથ�દ આ આ ઓ�ions ્� taraf દેતઆન આ હરાા ઓ આમરા એઇઆ ણિત્ત્ટેગે અઊનરા સડામાણ સાસિંગ સંંગે.
11:39
so if the method is the value of the password, it will be removed.
11:44
Okay?
11:44
No.
11:45
Very good.
11:46
So, if we use the code, we use the method.
11:51
The password is less than 5 to 6.
11:58
So, the method is less than 5 to 6 to 6.
12:09
I am a
12:11
I
12:13
I
12:15
I
12:17
I
12:19
I
12:21
I
12:23
I
12:25
I
12:27
I
12:29
I
12:33
I
12:35
I
12:37
I
12:39
I
12:41
I
12:43
I
12:45
I
12:47
I
12:49
I
12:51
I
12:53
I
12:55
I
12:57
I
12:59
I
13:01
I
13:03
I
13:05
I
13:07
I
13:09
I
13:11
I
13:13
I
13:15
I
13:17
I
13:19
I
13:21
I
13:23
I
13:25
I
13:27
I
13:29
I
13:31
I
13:33
I
13:35
I
13:37
I
13:39
I
13:41
I
13:43
I
13:45
I
13:47
I
13:49
I
13:51
I
13:53
I
13:55
I
13:57
I
13:59
I
14:01
I
14:03
I
14:05
I
14:07
I
14:09
I
14:11
I
14:13
I
14:15
I
14:17
I
14:19
I
14:21
I
Be the first to comment
Add your comment
Recommended
1:33
|
Up next
🛡️ স্বরাষ্ট্র মন্ত্রণালয়ে চাকরি! | ABC Computer #MHAJob #GovtJobBD
ABC Computer
4 hours ago
1:35
🏛️ স্থানীয় সরকারে চাকরি! | ABC Computer #LocalGovtJob #GovtJobBD
ABC Computer
4 hours ago
3:23
🔧 কারিগরি শিক্ষায় চাকরি! | ABC Computer #DTEJob #GovtJobBD
ABC Computer
4 hours ago
1:35
🎯 যুব উন্নয়নে চাকরি! | ABC Computer #JobCircular #YouthBD
ABC Computer
4 hours ago
2:18
🔥 পরিবেশ অধিদপ্তরে চাকরি! | ABC Computer #GovtJobBD #JobAlert
ABC Computer
4 hours ago
12:24
Display User Info & Sign Out in Firebase Auth | React Authentication Tutorial Bangla
ABC Computer
3 weeks ago
22:45
Firebase Integration & Google Sign-In Setup | React Authentication Tutorial in Bangla
ABC Computer
3 weeks ago
25:51
Part - 7 Show Readlist and Wishlist on UI
ABC Computer
3 weeks ago
15:21
Part - 6: Add Read or Wishlist Data using Local Storage in React | React Project Tutorial in Bangla
ABC Computer
3 weeks ago
35:55
Part - 5: Showing Book Details using React Router | React Project Tutorial in Bangla
ABC Computer
3 weeks ago
0:27
Head Master (Gov. Primary School) Update 2025
ABC Computer
4 weeks ago
24:58
Part - 4: Loading Books Data using React Router Loader | React Project Tutorial in Bangla
ABC Computer
4 weeks ago
13:04
Part - 3 Create Hero Section with React, Tailwind & DaisyUI Complete Project Tutorial in Bangla
ABC Computer
5 weeks ago
13:04
Part 2 - Create Navbar
ABC Computer
5 weeks ago
6:18
Part 1 - Project Setup with #ReactRouter , #Tailwind and #DaisyUI
ABC Computer
5 weeks ago
2:28
Bangladesh Rural Electrification Board(BREBR) Job Circular 2025
ABC Computer
6 weeks ago
6:30
Use Form Action in React with FormData.get React Bangla Tutorial
ABC Computer
7 weeks ago
9:19
Access Form Data in React | Handle Form with onSubmit & e.target | React Bangla Tutorial
ABC Computer
7 weeks ago
17:08
React Dynamic Routing Tutorial | Params দিয়ে ডাটা দেখাও | React Router v7 Bangla
ABC Computer
2 months ago
31:50
React Router Setup & Easy Data Loading | React Router v7 Bangla Tutorial
ABC Computer
2 months ago
32:20
Bookmark System & Mark as Read with JSON Data | Deploy React App to Surge | React Bangla Tutorial
ABC Computer
4 months ago
37:09
Add Bookmark Feature in React & Show Data in Sidebar
ABC Computer
4 months ago
28:41
Set Layout and Make React Responsive | Display Blog Data from blogs.json
ABC Computer
4 months ago
13:18
React এ AI দিয়ে Fake Data তৈরি করে Show করুন Tailwind Setup + JSON Fetch in Bangla
ABC Computer
5 months ago
6:10
React এ Tailwind CSS কিভাবে ব্যবহার করবেন | Step by Step Bangla Tutorial
ABC Computer
5 months ago
Be the first to comment