Back to Browse

10 Form Validation Tips Every Web Developer SHOULD KNOW!

26.3K views
Nov 2, 2023
9:21

Don't make these mistakes while validating HTML forms! Learn to take advantage of built-in HTML properties and add custom validation with JavaScript. **Newsletter** Newsletter 🗞 - https://www.jamesqquick.com/newsletter **DISCORD** Join the Learn Build Teach Discord Server 💬 - https://discord.gg/vM2bagU Follow me on Twitter 🐦 - https://www.twitter.com/jamesqquick Check out the Podcast - https://compressed.fm/ Courses - https://jamesqquick.com/courses **QUESTIONS ABOUT MY SETUP** Check out my Uses page for my VS Code setup, what recording equipment I use, etc. https://www.jamesqquick.com/uses **TIMESTAMPS** 00:00 - Intro 00:30 - Use the Correct HTML Input Types 01:30 - Use Built in Validator HTML Properties 02:30 - Pattern Matching with Regex 03:20 - Define Custom Tooltips for Built-in Validators 04:15 - Don't Validate Too Quickly 05:10 - Use Specific Validation Messages 05:40 - Highlight Invalid Inputs 06:15 - Have Static Heights for Validation Messages 07:00 - Remove Error Messages When Valid 08:00 - Add Server-side Validation

Download

1 formats

Video Formats

360pmp415.6 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

10 Form Validation Tips Every Web Developer SHOULD KNOW! | NatokHD