Javascript Form Validation Tutorial

🌍 Regular expressions

🖼️ Image

⌨️ Source Code

📄 Materializecss

🌍 regex fiddle website

❤️ Become a Patron and help the channel grow

👨‍👨‍👦 Join the community

🌍 Channel's website

[xuan]

Underrated video, you're awesome and thank you for the tutorial! :DDDD

[mpsk]

This is the most in-depth tutorial I've seen on form validations. Up until now, all I did was create a loop over any empty field and if one was empty I wouldn't let the form submit. But your video was so thorough! Just shows you there is no such thing as boring in good web development. It al depends on how far a junior dev wants to take things. What level of complexity they are willing to pursue.

[alimahdi]

Ahmed, I found this video very helpful in understanding how the client side validation works. Especially that you took us through the code line by line. I don't usually watch 1 hour-long videos but I watched all if this video some congrats. I couple of things you can do to improve. The last part with submitting the form was done very quickly and did not get enough explanation. Also, you could have put the actual code for the async call instead of simulating it. Lastly, I think in such videos where you are discussing an intermediate level content there is no need to explain what a case statement is. Great work and thanks again for the useful material.

[Kiran-wcqy]

KEEP UPLOADING MANY VIDEO U R APPLYING U R FULL EFFORT ALL THE BEST WE R THERE TO SUPPORT U NO WORRIES.
PROS:

1 - U R VOICE IS MAKE ME TO LEARN WITH CASUAL TALK.
2 - LINE BY LINE U R CLEARING MY DOUBTS.
CONS:
1 - THE VIDEO IS SLIGHT ECHO. OTHERWISE NO PROBLEM . KEEP DOING BRO.

[attilabeli_com]

Superb and thorough tutorial, thanks!

[dijiflex]

Great Tutorial. I love the way you explain the concepts in a simple way. Can you make a video in regular Expressions?

[AntonyAllocious]

Excellent explanation for beginners. I have some suggestion for your upcoming videos. After submitting form previous values are still is there.. In this tutorial You taught only input validation. If you do some extra validation like (Checkbox, Radio Button, TextArea, Select ) It will help for beginners. Please do, one more video for Beginners and use all the criteria. Once again I thank you very for your wonderful tutorial.

[mehdix]

Thank you very much for the demonstration !

[ignaciopuglisi]

I really enjoyed the video! you explained concepts so simple! thanks a lot :)

[nvids]

Very helpful video. Just what I needed for a project. Thanks Classed.

[benicodes]

amazing tutorial...I've learnt so much in it. thanks a million man

[ryand]

Excellent video. Best I've seen on this subject!

[dalton_rocha]

Congratulations, very good explanation. The best one!

[mikeball]

Really nice video and really well presented. Thanks

[katherinemarinas]

Good day sir! This tutorial is in depth and I have liked it. But I want the button to be disabled until all fields are complete. Which part of the code should I put the disabled button? Thank you!

[mariiadzhydzhula]

Thank yu so much! But what if I need to change the className not of the field, but of another div (where the input is) when it validate/no validate?

[joshuakirby]

wow lol--- impressed with your knowledge of the code streaming as you write
thank you for the explanation while you write!

[Kosmikel]

Hi, I'm pretty new to JS wonder if I could ask about when you first introduce the argument 'field' in the function checkIfEmpty(field) @ 15:22 why did you chose that word, is it a reserved word, and if not where is it referenced from?

[tommyflinch]

What extensions do you use for VScode. i am pretty new to java script. For example your index.hmtl how did that autofill on its own.

[MiaraAvalin]

Very good tutorial! Thank you ever so much :)