JavaScript Form Validation

882,986
0
Published 2019-06-18
Form validation is one of the most common web development tasks. There are many ways to do form validation, but JavaScript is one of the best and easiest ways to write form validation. In this video I will be covering all of the concepts of form validation in JavaScript as well as how to display helpful error messages to the user. By the end of this video you will have all the tools you need to implement form validation in your own projects.

📚 Materials/References:

HTML Forms Explained:    • Learn HTML Forms In 25 Minutes  
CodePen Code: codepen.io/WebDevSimplified/pen/pmMOEy


🧠 Concepts Covered:

- Preventing form submission in JavaScript
- Using HTML attributes to validate input elements
- Displaying form validation messages to the user
- How to check for form errors


🌎 Find Me Here:

Twitter: twitter.com/DevSimplified
Discord: discord.gg/7StTjnR
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified


#FormValidation #WDS #JavaScript

All Comments (21)
  • @rkeenan85
    Thank you for making these so short. I just need a basic idea of how this works. I have not done validation in awhile, and I was so stuck at work. This saved my life. I will definitely have to pick up your courses. You have saved me twice now.
  • Turns out all I needed was "required", but this was far more valuable than I anticipated. I can find many uses where you prevent the form from being submitted in the future. This video is dense in information, on point explanations without any second wasted. Thank you!
  • @pappucdl
    What I greatly like about your video is, they are concise and to the point. Also you solve problem in a single video which is excellent. Keep up the "Awesome Work!!!"
  • @preethamcs77
    Almost 15 videos and landed here only to realize how perfect this video was. Just on point.
  • @westfield90
    I’m so glad I found your channel. You explain it so well
  • @rayanjlidi2220
    He wasn't kidding when he said he's going to simplify the web for us. Thank you soo much
  • I appreciate these courses. I tried your way and it didn't work, but at this point with all the learning I've begun to absorb, I was able to make a better validator using regular expressions, which while I'm having a really hard time with them, are very fun and useful if you know how to apply those concepts!
  • @TertiusRoach
    Just want to extend my thanks, straight to the point, proper mic and camera. Subbed :)
  • @destrayo3049
    I like that you do not waste time you get straight into it . good luck.
  • I actually have always been intimidated by JS part of creating sites but you make that appear so fun . Thanks!😊
  • @webstyle876
    Отличная подача информации , быстрый темп - радует)
  • @gibsgibus
    awesome dude ! thank you ! love the logic you used.
  • Thank you for these videos. It's really simple to follow along, you have a clear way of explaining concepts and every time I try to implement them myself I have an easier time remembering because you explain it in a very easy to understand way and don't waste any time. Thank you so much for sharing!
  • @patrick-dev
    The way you explain the code while you're coding it is AMAZING! Thanks
  • @awaisn
    GOOD VIDEO. Short and to the point. Thanks for this!
  • Simplicity level is on high N' The way you say "Oops"😍 got me there🤟💯
  • @mykolamysko987
    I must say you'll get in a same league with NetNinja and BradTraversy in no time if you keep it up. Awesome content.