**updated** Guys, Check Out🔴 Complete JavaScript Form Validation in Hindi in 2020: th-cam.com/video/Gku9iMSMbWg/w-d-xo.html here is the link to get the codes ... and please subscribe my website too, ya I am working on it:) thapatechnicalblog.blogspot.com/2018/07/form-validation-using-javascript-with.html
Hi. Please read full question. How can we make form validation using javascript but but but i want to handle text password checkboxed drop down list radio buttion date .... all together in one page and on one submit buttion?
function validation(){ var user=document.getElementById('user').value; var pass=document.getElementById('pass').value; var confirmpass=document.getElementById('conpass').value; var mobileNumber=document.getElementById('mobileNumber').value; var emails=document.getElementById('emails').value; if(user==""){ document.getElementById("username").innerHTML="Please fill the user name field"; return false; } if((user.length=20)){ document.getElementById("username").innerHTML="The length must between 5 to 20 "; return false; } if(!isNaN(user)){ document.getElementById("username").innerHTML="Only Charecters are allowed"; return false; } if(pass==""){ document.getElementById("passwords").innerHTML="Please fill the user name field"; return false; } if((pass.length=20)){ document.getElementById("passwords").innerHTML="The length must between 5 to 20 "; return false; } if(pass=confirm.pass){ document.getElementById("confrmpass").innerHTML="Passwords are not matching"; return false; }
if(confirmpass==""){ document.getElementById("confrmpass").innerHTML="Please fill the user name field"; return false; } if(mobileNumber==""){ document.getElementById("mobileno").innerHTML="Please fill the user name field"; return false; } if(isNaN(mobileNumber)){ document.getElementById("mobileno").innerHTML="Please enter only digits"; return false; } if(mobileNumber.length!=10){ document.getElementById("mobileno").innerHTML="NUmber should be in 10 digits"; return false; } if(emails==""){ document.getElementById("emailids").innerHTML="Please fill the user name field"; return false; } if(emails.indexOf('@')
Thank you so much for this awesome video.. you explained everything in such an easy way. I tried to search javascript validation everywhere but I didnt found such an easy and fully correct code. Each code which I found had some errors or limitation...... I highly recommend everyone to watch this video if you want to learn javascript validation in detail
wow... Geetika thank you so much, yar :) You are awesome too. Sach me itna positive and inspiring comment prd kr really It feels great :) Thanks again :) Please me with my channel :)
Pleasure is all mine.. :) I already subscribed your channel and shared this video with my friends.. I was so happy after implementing this code that I couldnot stop myself from sharing this video on linkedin. Appreciate your dedication and passion in making such amazing videos
sir, aapne bht he ache way se explain kiya sb kuch..but ek question h...agar hum ek bar galat username input krte hai to error aata h...but agar uske baad hum sahi username input kare to vo error automatically remove ho jaye....ye kaise hoga sir..??
Sir, your video is very good and so understandable but sir ek baar alert mssg aa jane per usse correct karne ke baad jab submit karte he to woh hatata kyu nahi he....????
For sure as a beginner we'll understand..but there are so many limitations in the validation part like for an example if we type correct username then validation (error) message should be hidden likewise in all fields it should be hidden but it is still showing error message. Any help would be appreciated. Thanks
thank u so much sir, but sir ek chhota sa dout hai "if all conditons are true so color not Red or error validation of ya green color main change ho jaye to uske liye consi property use karni hogi... or HTML se hi kar sakte hain ya JS hi use hogi uske liye .................. Thanks Sir
Brother you gave us such knowledge so, plz, give us pure form validation in java script where we can avoid the such things that, when we'll go to next text box the first spane tag showing error text should be clear . other wise it's not looking quite perfect form ..... . so please make it for us. brother thanks ....
You can always write a function for that which would clear the span tags whose values are properly authenticated. Suppose you have 5 fields a,b,c,d,e...Now when you are validating these fields, have 5 boolean variables bool_a,bool_b and so on....if they are authenticated, then set them as true else set them as false. Now have a function "clear_span" and pass these boolean variables as parameters. Now, in this function write document.getElementById.innerHTML = "" for those fields whose boolean values are true.
@@ThapaTechnical good video sir code me ek galti hai aapne II or lagaya hai jo galat hai && aayega user wale condition me kyuki agar length 20 se jyada hua tab bhi error aayega
Thank you sir, it's a very helpful video! Pls clear my doubt, if possible. When characters entered in any of the fields is incorrect then a warning is shown below in red. But then when we write the correct characters the warning is still there. If I want the warning to not show below, what is the alternative if() statement for this?
I like your video so much because you gave details explanation line by line. thank you for that But Please perform this same by using javascript and css and html because i am not familiar with bootstrap. i am very happy because this code is perfect which i want but bootstrap is problem?
via javascript backend form validation hoSakti hai kia ? if yes so please make a video on it .... its very importent to know how validatate a form via js for backend... and ye to frontend check validation hai ...... awesome video bro..... please make a form validation for backend in javascript
Sir, you're really best teacher for web designing... Your all videos giving best learning tips... I'm fresher and self learner but now you're my best teacher ☺️☺️☺️☺️
But when we are input the correct value after seeing the error in mobile number or any other text box , why that error was not removed after input the correct value.
Thnq it was very helpful. but I had some issues, i added some more form elements but my scrollview is not working after adding more form contents.please help for that.
Sir, you used Bootstrap 4 instead of HTML5. I don't think "text-danger" will work if I use the latter. What will be the HTML equivalent code? Anyway, a very informative video sir.
PHP forms me limitations kaise add kren ge?? 1. jaise email valid honi chahiye with @ 2. password me 1 uppercase, special character or 1 number lazmi ho. or password ki length 6 se ziada ho 3. username already taken
thanks bro plz subscribe and share with ur friends too :) ya PHP in one hour pr bhi banaya hai.. javascript in one hour pr bhi hai.. form validation using regualr expression bhi hai :) enjoy and all the best for ur project :)
Thapa Technical : really sir...Dil se thank you so much... Kyuki project me mera back lgne wala tha...Mai 3rd year b.tach computer science and engineering ka student hu.... Sir mera project library management system hai...abhi bhi kuchh Kam baki hai.... Mera mob: 8721945032 Sir call me please 🙏🙏🙏🙏 please sir 😭😭😭😭😭 plzzz
Thapa Technical .. Please sir cantact me...7002477813 ...kyuki 19th Ko presentation hai....kuchh puchhna hai sir.... Please sir help me... contact me sir
Sir es se age bhi btaye ki Fill ki gai Information kis fle se match ho or call back answer de ki user name password sahi person ne bhara he ya galat ne.
Wow.. That was an amazing video. I learned a lot from it. But could you please tell that how we can check that name doesn't contain any number. And how we can check that this EmailId or UserName is not available or taken by others.
Once the field is filled correctly, is it possible to remove the error text. In this case if we fill correct field then also the error field is not hiding. If possible please create one video. Apart for this everything is awesome.
at every field we have to use submit button i think we have to use at the end of form submission.. and i need source code please tell me about optional field if we have so optional field in the form...
Sir I have confusion about how to learn Javascript without lost previous learned things. I learn from website w3... . I have knowledge of html css I need to learn js like pro. Please help me what I do.
bhai...ye to seekh gaya but, jo error msg show ho raha hai use hid kaise karu, jab textbox me entry sahi ho to..msg show ekbar ho ja raha ha to sahi entry dalne me hide nahi ho raha ....so please help me to fix it..
vinod bhai js html file pe maine ye form validation wala code likha ha js main onsbmit button pe maine usi file ko action="signup.php" ke sth link kiya huwa ha wo bhi sbmit button pe hi chalay ga mera php ka code lkn aisa ho nh rha js ka code bhi nh chal rha aur error http error 405 a rha ha is ko kese resolve karun?
Hi Vinod, I am facing a problem with updating mysqli databse after form validation using javascript. After validating the form when form.submit(); is used, it opens the addusercode.php file and stays blank. the isset($_POST['addUser']) is not met. Can you please help me
bro if i enter wrong phone no. red text will show ok if then i enter rigth phone no. red text should disappear but in video red text is not disappearing after entering right phone no. plz sir solve this doubt
user name sahi krne pr niche ka suggestion 'fill your name or text' hide kaise hoga . jaise ki user name galat dalne pr niche suggestion ata h na ,sahi krne ka bad v reh jata .
you can use alert() then... and specify all the error correction on alert function... Hey, Ashish if you like this video plz share with your friends and Subscribe for more videos...
Hlo i use bootstrap 5…. And when i type return validation…….i got an error message….a return statement can only be used within a function body…..what is the meaning of this
How to change background color of Input section in form and toggle ( from white to any color and again back to white when clicked outside input section) in java scrpit
![Complete Form Validation in JavaScript using Regular Expression in Hindi [ REGEX ]](http://i.ytimg.com/vi/Nmgg7x9vDrg/mqdefault.jpg)
**updated** Guys, Check Out🔴 Complete JavaScript Form Validation in Hindi in 2020: th-cam.com/video/Gku9iMSMbWg/w-d-xo.html
here is the link to get the codes ... and please subscribe my website too, ya I am working on it:)
thapatechnicalblog.blogspot.com/2018/07/form-validation-using-javascript-with.html
I dint find source code there
No code there!!!
Hi. Please read full question. How can we make form validation using javascript but but but i want to handle text password checkboxed drop down list radio buttion date .... all together in one page and on one submit buttion?
code nhi hai is link py ap juth to na bolo bhai
@Apsara Renkuntala the code is below
validation
Complete form validationin Java script
Username:
Password
Confirm Password:
Mobile Number
Emails
function validation(){
var user=document.getElementById('user').value;
var pass=document.getElementById('pass').value;
var confirmpass=document.getElementById('conpass').value;
var mobileNumber=document.getElementById('mobileNumber').value;
var emails=document.getElementById('emails').value;
if(user==""){
document.getElementById("username").innerHTML="Please fill the user name field";
return false;
}
if((user.length=20)){
document.getElementById("username").innerHTML="The length must between 5 to 20 ";
return false;
}
if(!isNaN(user)){
document.getElementById("username").innerHTML="Only Charecters are allowed";
return false;
}
if(pass==""){
document.getElementById("passwords").innerHTML="Please fill the user name field";
return false;
}
if((pass.length=20)){
document.getElementById("passwords").innerHTML="The length must between 5 to 20 ";
return false;
}
if(pass=confirm.pass){
document.getElementById("confrmpass").innerHTML="Passwords are not matching";
return false;
}
if(confirmpass==""){
document.getElementById("confrmpass").innerHTML="Please fill the user name field";
return false;
}
if(mobileNumber==""){
document.getElementById("mobileno").innerHTML="Please fill the user name field";
return false;
}
if(isNaN(mobileNumber)){
document.getElementById("mobileno").innerHTML="Please enter only digits";
return false;
}
if(mobileNumber.length!=10){
document.getElementById("mobileno").innerHTML="NUmber should be in 10 digits";
return false;
}
if(emails==""){
document.getElementById("emailids").innerHTML="Please fill the user name field";
return false;
}
if(emails.indexOf('@')
Here from TANZANIA, EAST AFRICA
Be blessed for this delicious validation, tutorial it works
Thank you Sir,
sir aapke jaisa koi ni u r the best and i love the way of your teaching.
Bahut hee asan language me samjaya hai apne
Proper line to line samjaya hai
Bahut badeya bheya ji
Yarr tera ye style mujhe buhut pasand hay😘😘😘😘
Thank you so much for this awesome video.. you explained everything in such an easy way. I tried to search javascript validation everywhere but I didnt found such an easy and fully correct code. Each code which I found had some errors or limitation...... I highly recommend everyone to watch this video if you want to learn javascript validation in detail
wow... Geetika thank you so much, yar :) You are awesome too. Sach me itna positive and inspiring comment prd kr really It feels great :) Thanks again :) Please me with my channel :)
Pleasure is all mine.. :) I already subscribed your channel and shared this video with my friends.. I was so happy after implementing this code that I couldnot stop myself from sharing this video on linkedin. Appreciate your dedication and passion in making such amazing videos
Geetika, ur comment really inspire me :) Thanku so much :)
@@geetikarijhwani8171 hello but why my code is not running then
Thanku so much sir . this video is very helpful for learning form validation in javascript....thanku.....thanku....thanku..✌✌
sir, aapne bht he ache way se explain kiya sb kuch..but ek question h...agar hum ek bar galat username input krte hai to error aata h...but agar uske baad hum sahi username input kare to vo error automatically remove ho jaye....ye kaise hoga sir..??
This explanation proves that JavaScript language is Case Sensitive. Good practise for everyone!!
Very nice video...i tried and now i can create form like that...thank you so much brother...
Thank you so much this was the best and simple video for form validation.
Sir, your video is very good and so understandable but sir ek baar alert mssg aa jane per usse correct karne ke baad jab submit karte he to woh hatata kyu nahi he....????
For sure as a beginner we'll understand..but there are so many limitations in the validation part like for an example if we type correct username then validation (error) message should be hidden likewise in all fields it should be hidden but it is still showing error message.
Any help would be appreciated. Thanks
same problem to me . I can understand your panic mentally situation. 😪😴😪🤣😂🤣😄😅😆
correct then you can write two more condition in if statement
May be : else {return true;} (wese 2 saal baad kya hi kroge solution leke..)
Same problem
video is good bro. try to speak clearly. Understood validation really well. thankyou
thank u so much sir, but sir ek chhota sa dout hai "if all conditons are true so color not Red or error validation of ya green color main change ho jaye to uske liye consi property use karni hogi...
or
HTML se hi kar sakte hain ya JS hi use hogi uske liye ..................
Thanks Sir
Brother you gave us such knowledge so,
plz,
give us pure form validation in java script where
we can avoid the such things that,
when we'll go to next text box the first spane tag showing error text should be clear .
other wise it's not looking quite perfect form .....
.
so please make it for us. brother thanks ....
You can always write a function for that which would clear the span tags whose values are properly authenticated. Suppose you have 5 fields a,b,c,d,e...Now when you are validating these fields, have 5 boolean variables bool_a,bool_b and so on....if they are authenticated, then set them as true else set them as false. Now have a function "clear_span" and pass these boolean variables as parameters. Now, in this function write document.getElementById.innerHTML = "" for those fields whose boolean values are true.
@@indiainmylens1 bus halwa chaiye kaam na krna parhe
Supeeerb Video explaination very simple and understanding language keep it up 🔥🔥🔥🔥❤❤❤❤❤❤
बहोत अच्छा भाई क्लास जाने की जरूरत ही नही है ।
Plz share kar dena apne dosto ko
@@ThapaTechnical good video sir code me ek galti hai aapne II or lagaya hai jo galat hai && aayega user wale condition me kyuki agar length 20 se jyada hua tab bhi error aayega
Thank you sir, it's a very helpful video!
Pls clear my doubt, if possible.
When characters entered in any of the fields is incorrect then a warning is shown below in red. But then when we write the correct characters the warning is still there. If I want the warning to not show below, what is the alternative if() statement for this?
then u have to use else after if & put requirement as ur need
@@360globalfacts kya ye code kaam kiyatha aapka pls rep
your video is good , if validation is true and displayed inner htm message should go, that you correct it
Thnks 4 making this video. It was really helpful.
Agr me ye sari javascript ki coding ek alg se file bna ke form=".js" attach kro to work kregi???
Yes
Bhya isme correct input dene k baad toh torent niche k validation shi ho jana chahiye tha nah usse bina refresh kiya plzz rply...
Good tutorial, but one thing I notice that when user give right input then error message should not display after click submit button.
I like your video so much because you gave details explanation line by line. thank you for that
But Please perform this same by using javascript and css and html because i am not familiar with bootstrap. i am very happy because this code is perfect which i want but bootstrap is problem?
via javascript backend form validation hoSakti hai kia ?
if yes so please make a video on it .... its very importent to know how validatate a form via js for backend... and ye to frontend check validation hai ...... awesome video bro..... please make a form validation for backend in javascript
brother you are awsome.. please keep making these type of videos...
Understand everything clearly but what is return false used for it could be return true also
Very nice explanation....Thank you very much
Awesome explanation !! Now i will watch more videos of yours. THANK YOU
thanks :) plz share with all your friends :)
Sir, you're really best teacher for web designing... Your all videos giving best learning tips... I'm fresher and self learner but now you're my best teacher ☺️☺️☺️☺️
Thanks and welcome
But when we are input the correct value after seeing the error in mobile number or any other text box , why that error was not removed after input the correct value.
Thnq it was very helpful. but I had some issues,
i added some more form elements but my scrollview is not working after adding more form contents.please help for that.
Agr form HTML and CSS k through bana hua ho to us Surat me hum JavaScript k ye function use kr sakte hien ?
sir up bhat achhe padate hoo
sir not j query it's boot strap...plz simply made by using HTML & CSS...as I m beginner...not yet studied boot strap...
thanks bro for simple explanation
Sir, you used Bootstrap 4 instead of HTML5. I don't think "text-danger" will work if I use the latter. What will be the HTML equivalent code? Anyway, a very informative video sir.
Thank you sir,
Very helpful video🙏🏻👏🏻
AWESOME TUTORIAL SIR, THANK YOU SO MUCH
PHP forms me limitations kaise add kren ge??
1. jaise email valid honi chahiye with @
2. password me 1 uppercase, special character or 1 number lazmi ho. or password ki length 6 se ziada ho
3. username already taken
Sir! We don't write return false then after error goes to server! That means? Please explain!.
.
Thank you for this video!
Yes... thank you so much sir....
Mera projects me jrurt tha.... love you sir
thanks bro plz subscribe and share with ur friends too :)
ya PHP in one hour pr bhi banaya hai..
javascript in one hour pr bhi hai..
form validation using regualr expression bhi hai :)
enjoy and all the best for ur project :)
Thapa Technical : really sir...Dil se thank you so much...
Kyuki project me mera back lgne wala tha...Mai 3rd year b.tach computer science and engineering ka student hu....
Sir mera project library management system hai...abhi bhi kuchh Kam baki hai....
Mera mob: 8721945032
Sir call me please 🙏🙏🙏🙏 please sir 😭😭😭😭😭 plzzz
Thapa Technical ..
Please sir cantact me...7002477813
...kyuki 19th Ko presentation hai....kuchh puchhna hai sir....
Please sir help me... contact me sir
Agr user ki value dekhna ho mtlv user ne kya enter kya hai to data kaise check krenge kaise php me database myphpadmin krke database bnate h
Sir es se age bhi btaye ki Fill ki gai Information kis fle se match ho or call back answer de ki user name password sahi person ne bhara he ya galat ne.
Aesa php p hoga shayad
hi thapa , just wanna asking when clicking the submit button while all inputs are empty can not show all input error in one time ??
good tutorial sir...agr hum yahi complete validiation data, database me store krna chae to wo kese karenge...Advance thanks..
can you make video in table form because im use your method in table form is not working but and use in simple form
so it work...
bhai acha tha samajh aaya sab kuch
Plz a video for how to copy one field value to another field by using bootstrap and javascript like from current address to permanent address
very good explanation and simple explanation
Sir smjate to acha ho but thoda dheere code likha kro taki ham bhi sath sath kartr jaye
Can you make video on conditional logic on form field like if I select in country drop-down Us then select us state like that
Wow.. That was an amazing video. I learned a lot from it. But could you please tell that how we can check that name doesn't contain any number. And how we can check that this EmailId or UserName is not available or taken by others.
Submit ke bad data ko kisi ek file me save karni ho to kaise karege hum html ya java script me. Please help on this concept
Nice 👍👍👍👍 tusi great o paeee Saab
BHAI SABKUCH THIK H BUT EK ISSUE ABHI BHI H
HB HM FORM MAI SAHI DATA FILL KRTE H TO ERRRE MESSAGE SHOW NI KRNA CHAHIYE BUT YE AVI BHI DIK RHA H
KYON?
Awesome tutorial but keyboard ki aawaj tez aati h
sir html,css,javscript or php sb a gye or ab web ko host kiss trhan krna ?? us ky lie vedio bnayein plzzz 20 mint ki. thnks in advance
The Email must contain a unique value error problem how to solution plz help me
Once the field is filled correctly, is it possible to remove the error text. In this case if we fill correct field then also the error field is not hiding. If possible please create one video. Apart for this everything is awesome.
Toggle use karo
@@parrayfarming will u pls tell me how to get rid out from this
thank you so much this ts a full tutorial and I can shear it with my friends but I need a help.
You are awesome ! Thank you so much !
But Bhai jb tum sahi information me daalte ho dubara wo neeche se Jo error so ho rha h wo hatt Jana chahiye wo kaise hoga??
at every field we have to use submit button i think we have to use at the end of form submission.. and i need source code please tell me about optional field if we have so optional field in the form...
Thanks for giving valuable concept.
nice please do for a form, there is text file present address and the check box if check it will appear same on the permanent address
been a great help bhai
very nice explanation
Good bhai! Very helpful this videos.
thanks bro :)
thank you brother osm video keep it continue..
Sir I have confusion about how to learn Javascript without lost previous learned things. I learn from website w3... .
I have knowledge of html css I need to learn js like pro.
Please help me what I do.
sir agrr ma isii form ko submitt krkyy nextt page prr isii information ko displayy krwana chahoo tuu kesyy krn...??
You are great amazing video
Thanks sir It's very helpful video.
Welcome, :) Kiran plz subscribe my channel and share with all yours friends plz ha :) Share jarror kar dena
Sir you are great teacher
I think at email.charAt() syntax we should use || condition not && condition.
Please upload videos option tag validation in javsscript as soon as possible
Thanks
How can u display error message like Username already taken or something for this u require database connectivity?
through ajax
bhai...ye to seekh gaya but, jo error msg show ho raha hai use hid kaise karu, jab textbox me entry sahi ho to..msg show ekbar ho ja raha ha to sahi entry dalne me hide nahi ho raha ....so please help me to fix it..
vinod bhai js html file pe maine ye form validation wala code likha ha js main onsbmit button pe maine usi file ko action="signup.php" ke sth link kiya huwa ha wo bhi sbmit button pe hi chalay ga mera php ka code lkn aisa ho nh rha js ka code bhi nh chal rha aur error http error 405 a rha ha is ko kese resolve karun?
Hi Vinod,
I am facing a problem with updating mysqli databse after form validation using javascript. After validating the form when form.submit(); is used, it opens the addusercode.php file and stays blank. the isset($_POST['addUser']) is not met. Can you please help me
bro if i enter wrong phone no. red text will show ok if then i enter rigth phone no. red text should disappear
but in video red text is not disappearing after entering right phone no. plz sir solve this doubt
thank you sir very good lecture
Dude after correcting the input fields error must hide but in your case, it remains the same even after submitting the form
Good Question you Raised
Bhai ek else statement laga le
Best video
Thank you so much sir ❤️
user name sahi krne pr niche ka suggestion 'fill your name or text' hide kaise hoga . jaise ki user name galat dalne pr niche suggestion ata h na ,sahi krne ka bad v reh jata .
you can use alert() then... and specify all the error correction on alert function... Hey, Ashish if you like this video plz share with your friends and Subscribe for more videos...
I subscribed already . Thnks for such an interesting videos and for nice explaination
thanks bro :) ur comment really make my day :)
@@ThapaTechnical you are great bro
thanks for this video
Good Job! keep it up
I just start watch your videos and i literally love the way u teach❤️❤️
Thank you so much!!
Sir u r tooooo good
Bro maine html css or js use kr ke form create kia h ab maine database connectivity krni h php mei kaise hoga help me
Hlo i use bootstrap 5…. And when i type return validation…….i got an error message….a return statement can only be used within a function body…..what is the meaning of this
onclick of submit button can we get message from all field to ,fill the all field.
Hey.. nice video and very helpful but I am unable to access code from the link provided.. kindly share the link of code
give me ur email id. I will send you :) Plz share with all ur friends and subscribe my channel :)
geetikarijhwani1995@gmail.com
send :)
@@ThapaTechnical can you please share the code to me too at divyanshi12129@gmail.com
its awsome by by..please continue the job
How to change background color of Input section in form and toggle ( from white to any color and again back to white when clicked outside input section) in java scrpit
Thats Wonderfull Thapa
bro plz share with ur friedns too :)
Sir please make one video about pagination with javascript
Sir plz make one video how to use mongo with node in validation
Thanks A lot sir:)