JavaScript Client-side Form Validation

In this tutorial, we're going to learn how to add form validation on the client side using #JavaScript. Also, we'll have two different styles for the inputs: success and error - both showing the different states the inputs can have. #form #validation

00:00 - 1. Intro
01:37 - 2. HTML/CSS implementation
15:13 - 3. JavaScript implementation

---
Support my channel:
Thank you! 🙏

---

---
Follow me on:

[thomassankara]

This was the first video from Florin I ever watched. I came back here today for reference for a project I'm working on. Thanks Florin

[archangel]

This is hands-down the FINEST form validation tutorial I've ever seen... big salute to you sir!

[hughmungus]

Thank you Florin, that was very helpful! My JavaScript was VERY rusty and this helped me develop good solid client-side validation checking on the forms I'm using in my Laravel project.

[jryan]

I’ve been pulling my hair out trying to understand form validation properly.. thank god I found your video! So simple to understand now, and you’ve gained a new subscriber

[worthitmakethis]

Thanks so much for this! I have been having a hard time grasping this and have spent over a week reading and watching every video I could find. I am so lucky to have found this! You are awesome!!!

[dontavious]

I really appreciate this video. It helped me out tremendously with my first JavaScript project which landed me the opportunity to get my first gig as a developer. Keep up the great work!

[tenminutetokyo]

Best tut I’ve ever seen on YT. Why cant everyone make tuts this straightforward.

[aleb]

great video Florin! Just found amazing CSS shortcuts:
m0 -> margin: 0;
p0 -> padding: 0;
l0 -> left: 0;
t0 -> top: 0;
ff -> font-family: sans-serif (with font highlighted ready to be changed)
bgc -> background-color: #fff (with fff highlighted ready to be changed)
and so forth and so on...
Saves tons of typing !!

[riteshmahajan]

one of the wonderful quality tutorial on form creation, styling and validation. :)))) Thanks Florin ...I don't know how to make a thumbs up..

[kenkioqqo]

Maximum appreciation, Florin. Your tutorials is the best way for beginners to learn how to practically add JavaScript to HTML&CSS files. I've been learning HTML & CSS, and JavaScript syntax from online platforms. But I've not found anyone teaching how to bring them all together in a practical manner like you have. You've literally given me the missing link. My 'Aha!" moment! Great work, Mr Pop.

[geebsayshi]

You're the best tbh. Your tutorials are straightforward and practicable. I only started to enjoy learning programming when I found your channel. Thank you

[zdarofMERGAITES]

Great lesson, teacher. Your VS skills are something really coool!

[anilporella]

The Best ever made Tutorial on form validations through javascript. Great. A Big Salute

[mizuesato]

Thank you Florin 😊 I like this video to learn about HTML CSS and Javascript. I hope to see more video especially for beginner.

[kensleylewis]

You make CodePen look it's the "Chosen One!!!" Love it!

[RedEyedJedi]

Thanks, Florin this is the perfect amount of detail. Excellent tutorial!

[syner]

DUDE IM SO HAPPY THAT I SUBSCRIBED TO YOU I SWEAR IM GETTING MY LAPTOP AND IM GONNA LEARN MUCH FROM YOU LOVE YOU BRO FROM THE NETHERLANDS

[jflob]

Thanks so much Florin! Awesome tutorial!

[vuongtran]

Love the way you control your code, hope to see more video especially for frontend JS. Thanks

[ekenealamezie]

I really love your tutorial because it's awesome and looks way cool! It's actually my first time seeing your video!