Easy Form Validation (no JavaScript)

For basic front-end form validation, reach for html! (Of course, you'll want to validate on the server, too, but it couldn't be easier to provide a good experience on the front-end.

---------------------------------------

🌐 Connect With Me 🌐

[ChristinaCodes]

Nice! I didn’t know about the title thing—your videos are always full of cool tricks 😊

[raldskie]

I always do this to clients, but my manager always tell me to have a custom validator - but it can consume time (which i dont like). And the funny thing for me is that i didnt received any negative feedback to the default validator from the end users.

Most beginner devs dont know this. Kudos to you, Chris. 🔥

[davidsiewert]

Much better way: show a checklist of rules, that change color/icon depending if you input met the criteria or not while typing

[IainSimmons]

Great video! Didn't know about the title! I wonder if that's in all browsers...

Also, just a tip on regex, you can use \D to represent anything that isn't a number digit, and \d for any digit instead of [0-9].

It's good that you mentioned that you need to be careful with the validation because there's so many edge cases and you don't want users to not be able to complete the form.

[chrizzzly_hh]

This is a nice quicktip, though having the REGEX pattern right is always a pain, since there are so many local differences!
Also, since you ALWAYS have to check/sanitize the data in the backend (since people can just edit HTML and remove frontend-pattern matching), it usually makes sense to build the form in the backend to have the same regex pattern matching in the frontend AND backend to reduce duplicates and therefore differences in the future.

[godofwar]

Hi your videos are always great can you make more videos on form handling And validation in react, next js without library and by the way did you watch gta6 trailer

[it-s-me-mohit]

Can we get this working while we are writing and not after submitting the form??