10 Form Validation Tips Every Web Developer SHOULD KNOW!

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**

**DISCORD**

**QUESTIONS ABOUT MY SETUP**

**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

[ste-fa-no]

I didn't know about the "title" being used in the error suggestion, that's cool!
And I totally agree: true validation in the server, front-end validation is just UX.

[francescociulla]

The amount of videos I have to watch on your channel is just insane ahahah. But best of luck man 🔥

[bradgarropy]

Woah, I didn't know about the `title` attribute!

[bikebrainstudio]

Very interesting. I see that custom message in the title attribute only works if the pattern attribute is set (even empty). Is that right?

[wadoudazer]

hello james, thank you for this beautiful video, can you share with us the source code or the repository .you helped me a lot, thank you :)

[gamingwolf]

The first comment please, upload video about session based auth in details, withour talking about the difference with token (we know it hhh )

[phoneywheeze]

5:01 it's actually annoying that you have to tab away everytime to check if your username is valid or not

instead I'd prefer the case where it tells me along when I'm typing

[makandriival]

Those popup validation msgs looks ugly, anyone can point me in the right direction how to style it?