Back to Browse

Adding JavaScript Form Validation to my Website Contact Form

71 views
May 12, 2026
35:46

Today I'm adding custom form validation to my personal website. As always, it’s all vanilla HTML, CSS and JavaScript. No frameworks or libraries. #javascript #formvalidation #coding 🌿 Get $2 off your first purchase on Hover → https://hover.com/SjMp9blQ 💧 Get $200 in credit over 60 days on DigitalOcean → https://m.do.co/c/1aa4394b69af 🟣 GITHUB: https://github.com/angelajholden 🟣 REPO: https://github.com/angelajholden/ 🟣 DEMO: https://angelajholden.github.io/ 🔵 CODE REVIEWS: https://angelajholden.com/consulting 🔵 EMAIL: [email protected] 🟢 SPONSOR: https://github.com/sponsors/angelajholden 🟢 DONATE: https://www.paypal.me/angelajholden 📚 Chapters 00:00 Intro + Overview 02:29 Form Validation is not Security 03:55 HTML novalidate + required 05:46 Hiding conditional fields w/ hidden attribute 08:40 Setting up + Scoping JavaScript 13:22 Showing + Hiding Conditional Fields 17:27 JavaScript Form Validation 22:06 Clearing the Errors w/ Reset 28:37 Using hidden fields to get the URL 32:47 Deploy + Test

Download

0 formats

No download links available.

Adding JavaScript Form Validation to my Website Contact Form | NatokHD