Form validation with JavaScript (on user registration form)

Using JavaScript, the input fields of the registration page are validated individually. Form submitting is prevented if all the form validation rules are not fulfilled.
Styled error messages are displayed underneath each field and the user is prompted to re-enter the correct value.
To learn how to insert in the database, check out this video:
• Inserting and retrievi...

[@MicheleJolie]

i spend the first few minutes trying to figure out what was wrong with your sound.

[@alexserafini24]

I spent 10 minutes troubleshooting like 3 times thinking the audio card broke. Pissed off for nothing

[@Ganesh_T_Gani]

hahaahha same here

[@noumansyed5809]

hahah

[@SanDex-V-Felix]

😂

thanks for the simple teaching yet very understandable you make it easy to learn for us new beginners in programming.

[@INSIGHT_OFFICIAL_VID]

Amazing!!! but i recommend that you should not using php, you just creat a new file and name it .html and that it because you can write a lot of code in html like javascript, php, css.

[@kprakash9665]

Please do a video all these along with checkboxes select and radio date as well

[@harishboggavarapu5375]

Can u do it with out using php?

[@steveg917]

lol why do you copy code from google?

[@AwaMelvine]

Can you kindly provide the link to the code you saw on Google?

[@steveg917]

@@AwaMelvine yes hehe xD
codewithawa.com/posts/form-validation-with-javascript

[@AwaMelvine]

@@steveg917 Okay. That is my website. I wrote the article.

[@steveg917]

@@AwaMelvine ho ok xD

[@johnsonbenjamin464]

nice tutorial but it would have been nicer if you were talking.

[@johnbritolima]

Man, I have my doubts about it.
I mean... maybe he isn't a talking guy. And fair point to silent tutorials: they almost always cut right to the chase.

[@manodlakchanwijayarathne4488]

Thank you. It worked perfectly. Do more tutorials with sound!

[@kausamvypal9287]

this code is submitting the data, but the output is not showing

[@mememoons]

I got it and It's working, thanks for the great tutorial

[@vaishnavialuru1787]

Bro plz don't make soundless videos 😅 but yes it was good and would have been best with sound

[@kiprotichkosgey5464]

what is the role of that index .php?
I thought the form action="register.php"> (the form should be directed to register.php not index.php)

[@T4atf]

Thanks for this. Excellent tutorial!!!

[@pytechsolutions5589]

ERROR: Uncaught TypeError: name[0].addEventListener is not a function
at line
name.addEventListener("blur", nameVerify, true);
where
var name = document.forms["generalForm"]["name"];
I need help for this error

[@goodlucksamson4416]

I have tried validating my form several times but its continusly showing uncought error

[@Kwame_Kwao]

this is soo great thanks for sharing your knowledge,
God bless you and i also do appreciate it soo much!!!

[@Dexter101x]

Perhaps you could have turned up the audio level a bit, I can't hear you

[@thestartupguy3975]

JUST WHAT IM LOOKIN FOR!!!!!

[@nocopyrightlover6223]

Thank u so much for given source code

[@prakash655]

When I have been entering username . Error message doesn't hide why ???

[@sumit6350]

Hi I am getting error in my wordpress site The tag 'FORM [method=GET]' requires including the 'amp-form' extension JavaScript.
Please help me to resolve it I am non techical person

[@teacherstano]

Great. Its working
Thankyou

[@eladdahan4001]

It ignores the javascript completely
when I click the submit button it automatically go to the index.php page
even if I didn't write anything

[@markkampmann5448]

Same here. Have you found the problem yet?

[@giantjack7844]

Elad Dahan return false;

[@Yogi-ul3qr]

first I had this behaviour also
then I found the mistake in "var username_error = document.getElementByIds("username_error");" it was the last "s" in getElementByIds

[@JulioWandekoken]

this is happening here too.

[@everythingatom6466]

i had this problem but now i have fixed if don't add the "onsubmit="validator()"or validate() it will ignore javascript and go straight to the next page
I HOPE IT WORKS FOR YOU ALL GUYS :)

[@hasanimam6753]

thank you for javascript validation

[@ПетърКолев-и5е]

Great video, mate! Thanks :)

[@andikasw10]

thanks bro, this video a lot of much help me

[@mdjabedbhuiyan]

Thanks to you for create such this tutorial, please create a pos management tutorial by php and mysqli.

[@everythingatom6466]

it really helped me out man in validating my form that i made.
VERY HAPPY :)

[@aliazizadeh7103]

thanks bro for help me about validate form ...

[@raymond1489]

This text under the forms doesn't looks beautifully. I'd have replaced it under the Register into a separate div

[@vigneshkannan970]

super bro congrats! u can post a complete one business purpose to create a website using html and css , javascript , jquery only pls dont using boostrap

[@TejpalNakul]

Vignesh kumar website can be by using html,css,javaScript,jQuery but without bootstrap it will be not look nice so for responsiveness and correct padding and margin bootstrap is important to use .

[@batballworld5938]

Agree @kusti classes without bootstrap you can't make website. coz responsivnes is very necessary and that's can be done only with the help of bootstrap.

[@prakash655]

Wow this is so helpful for me thanks sir

[@PiSLASH]

Good Job 👏👏 Thanks Man

[@AwaMelvine]

Thank you :D

[@airelsplanet8404]

where is index.php?

[@marquee_1292]

hello am marquee and I think this is the best work bravo .....how will get started upto your level

[@marquee_1292]

and with sound it could be more better

[@MsElsospechoso28]

Is it just me or this video doesn't have audio at all?

[@TheShadowSuave]

any way of having the error show with an invalid email instead of just blank? trying to figure this out any advice would be great :)

[@evgeniasannikova]

have the same issue, please advise

[@dimitrijejovanovic6779]

Why in password validation You didnt put password_confirm?

[@b.tazeem]

i saved your complete code but authentication is not working for me

[@AwaMelvine]

This video focuses mainly on validating with Javascript. If you want to implement authentication, you can try following this other video: th-cam.com/video/8K4Wt37Itc4/w-d-xo.html

[@sandoxs]

code did not work!

[@DungNguyen-jx4lr]

No sound!

[@kannadaskillhub]

So we have to click everytime submit to validate each field.
This might be very hard for users if we have large number of fields in a form.
Is there any way to show all the input field errors at once after we click on submit ?
i need answer for this.

[@zephenex4203]

You could put an onchange="yourfunctionname()" on every individual input but it would also show the error if you click on the input before you start typing, but i guess there's something like onunfocus="funtion()"

[@simrangupta9646]

i waste my 3 hours on it!!!! username vale vala chl rha baaki email password nhi chl rha !!!! n all the code is same!!

[@abiyuvan9261]

why they used index.php

[@mapelalcon2218]

Sir can you give the codes? I try but it doesn't work. Please? Thanks

[@stackdeveloper6614]

Form validation with JS or with PHP?? Which one is preferred ?

[@AwaMelvine]

It is good to do both.
Validating a form with javascript doesn't require the user to reload the page which is good user experience and therefore recommended. However, a user can play tricks on their browser and manage to bypass your javascript validation. If they do, then you will need validation on the server (php) to further validate the user input otherwise your validation is ineffective and you will have to deal with poor or invalid input data.

[@stackdeveloper6614]

@@AwaMelvine thankyou for your explanation.

[@vantu9654]

how to it working with id dynamic?

[@joshitejas9123]

Code not working.

[@simrangupta9646]

or uper se sound bhi ni hai

[@raksheetkumarkhoriya3915]

Thank you very much. Your video was of really great help to me.

[@fardayekahmed7878]

Thanks a lot!

[@haithemothmane4558]

Thanks that was helpful

[@masoumehmehrkhah9176]

thanks, good job!

[@TheUofastudent]

Can u put up videos about the addeventlisteners

[@killagorilla403]

So awesome!

[@medvall9169]

thanks i thimk that what i am needing for

[@davendersingh215]

nice lesson

[@marineoutsource]

nice if regex is also included ...

[@alykouyate1022]

Thank man

[@elmerpatino2302]

parce no funciona con formularios en ventanas modales

[@afafbendriouich138]

this code doesnt work at all

[@vikassuthar9017]

Thank you so much

[@imaginarytechinhindi5507]

The php not worked it is showing the code in entered

[@imaginarytechinhindi5507]

easy life sir but in apache and in MySQL server it is also showing me error....

[@jayeshd8349]

It is possible to make jquer validation in asp.net

[@krishnakumarchinnusamy]

thanks Sir!

[@coder5411]

Thanks Man

[@AwaMelvine]

Thanks for watching

[@sheezaakbar160]

Thank u sir..

[@RamRam-po3lq]

it's working

[@jaydon.2833]

Who else recommended?

[@sleep1xss794]

Bruh, this is straight up HTML5 and JAVASCRIPT.

[@qaine14]

Anyone care to explain the java code for me?

[@sagunthalajewellers]

thanks

[@ZafarIqbal-nz3xb]

For IEMS school app how to login tutorial

[@fakhryfauzan8677]

terima kasih

[@mranonymusz2168]

Thanks :)

[@AwaMelvine]

My pleasure :D

[@mranonymusz2168]

But I have a little bug with it, only Username disapears (Error Message) when I fill the field...

[@simsim8956]

Your code is NOT working !

[@TejpalNakul]

hey brother it is will work correctly just send me your code what are you doing actually .

[@kushalbaskey]

thanks. please also add your voice

[@codewithtimzowen]

Good, but no sound, its boring

[@Sport-word]

nice tutorial
please can you make a tutorial on html clickable table
i want if i click the table row, let the data be submitted to my form

[@mgshaker1838]

Thanks for nice this one. I will try to connect with you.

[@AJITKUMAR-bw6rr]

bilkul bakbas,,,,mere me to ye javascript program run hi nh ho rha h,,jabki mene pura as it copy kiya kiya

[@sanketparadkar5508]

Thanks man!

[@sumitkumarpradhan]

simple form validation demo :www.skptricks.com/2018/01/simple-form-validation-in-jquery-using-regular-expression.html

[@shivaramkrishna6583]

Nice one..

[@leasve7265]

7:10 what kind of witchery is that?

[@abhishektiwari2101]

it's just sublimeText :P

[@devisatish1936]

Keep voice explaination

[@faizurrahuman3930]

username.focus() it means what?

[@erickorso]

el cursor no importa donde esté, vuelve a el input username

[@susheelyadav6143]

cursor will focus on input field(username).

[@Substansional]

lets say vamoooos

[@swatibelure1728]

its not working

[@TejpalNakul]

it will work just send you code what are you doding actually .

[@aniruddhakoley2396]

view example code
datainflow.com/password-strength-validation-javascript

[@sagarghorai8312]

Plz say something

[@piyushgamit6558]

brother dont make sound less video,

[@mzfriali]

👏👏👏👍

[@RunOs3]

Might as well be in Mandarin.

[@zekariastaye5265]

can i get the code bro ?

[@misssincere5762]

There a link in the description. Click the link. Download the file. It a zip file unzip the file. once you unzip the file you can either open the file in your browser and click ctrl+U to get the source code or just open the file in note pad etc.

[@Levelord92]

Hey dude! Your site not working, 404

[@AwaMelvine]

Levelord Thanks for the info man and sorry for the inconvenience. I'm actually upgrading the site. It'll be up in a few minutes

[@Levelord92]

Oh, glad you didnt abandon it
yesterday I reviewed your validation function and wanted to improve it, but today *boom* "not avalible"!

[@zulfafazlee8853]

sir give me file css

[@feelbeautifulwithsabnam]

Not help full

[@simrangupta9646]

waste of tym

[@viddictify]

3:16 css