JavaScript Tutorial For Beginners #44 - VERY Simple Form Validation

Hey guys, so in this tutorial I want to show you what we can do with another form method - the onsubmit method.

The onsubmit method in JavaScript lets us interrupt the process of the form being sent to the server, so that we can perform some client side validation first and save time.

If you have any questions, just ask :).

========== JavaScript for Beginners Playlist ==========

========== CSS for Beginners Playlist ==========

========== HTML for Beginners Playlist ==========

========== The Net Ninja ============

========== Social Links ==========

[slavicaprelogovic]

Hi Net Ninja,
I like your HTML, CSS, Bootstrap and now JavaScript lessons !!!
You are an excellent and entertaining teacher,
exactly what every student needs. Thank you !!!
Best regards <3

[dvselva]

Very good presentation and nice work. Thank you for your time and help. Please add some course for advanced JavaScript if possible.

[doobiesoda]

This is so incredibly helpful, thank you! I'm going to reference your channel on my coding blog! :D

[naziaakhtar]

Your videos are awesome net ninja.. I watched all the videos on node.js.. they were extremely helpful.. now js! Thanks a ton!!!!

[markbalazo]

Thank you Sir for all the effort that you've exerted into these wonderful tutorials. Keep it up!

[mildarimsiene]

Great work. I'm, realy, waiting for more lessons for forms, and JS advanced

[richardsonlyon]

Hi netNinja. Thanks a lot for this playlist but I've been facing some. Issues with the form validation video. I don't know if it's something I've done wrong of its just that the code is no longer supported but I doesn't work on my machine.

[mohmayat]

Explained really well r u playlist on forms

[MyMPPM]

good work, PICISI from twitter told me about you

[UTprema]

Thanks for the Videos. Can you please advise how to proceed to the intermediate level. Unfortunately, you don't have any intermediate content on JS. :-)

[sanisan]

Hi..
What if I give numbers in the txt box..
How will it validate?

[oyown]

If return false does the job of not submitting the form, why is it recommended to use event.preventDefault()?

[PYLGaming]

Hi Net Ninja,
I'm new to website design and development and I'm currently studying how to do it.
I'm stuck with form validation, your tutorials are awesome, but I'm in need of help with elements such as Phone numbers, addresses and so on.
Do you have a longer more in-depth video for this, especially for beginners?
Any assistance would be appreciated... or if you could recommend a video or website to learn more about this topic.
Again, your tutorials are very helpful.

[eahofer]

If "onsubmit" is a document event, then how does it know that the button, Submit, submits?

[TheoneParky]

Hi, for some reason the "myForm .onsubmit = function(){ " (Line 4) in my test.js file isn't getting called when I click the submit button in the html file. I'm not getting any error messages in the console so I'm a bit stumped. I've made sure the html & test.js file is identical to yours, it just isn't getting called for some reason. Thanks

[anthonycotto]

Idk whats going on but this code won’t run an I have it exactly running like you do??