Project 12/20
📋 Form Validation is a responsive sign-up form built with custom client-side validation using the Constraint Validation API and JavaScript logic. It ensures that users enter valid information, confirms matching passwords, and provides instant feedback through styled messages and input borders — making form submission secure and user-friendly.
- ✅ Validates full name, phone, email, website URL, and password
- ✅ Real-time input validation using built-in HTML attributes and JS
- ✅ Password strength requirement using RegEx
- ✅ Confirms password match before submission
- ✅ Displays clear error/success messages with styled borders
- ✅ Uses JavaScript to prevent form submission if data is invalid
- ✅ Stores submitted user data in an object for further use
- HTML5
- CSS3
- Vanilla JavaScript
- Constraint Validation API
- Google Fonts
- RegEx Background Info
- RegEx Playground Tool (Password Pattern)
- W3Schools - Forms
- W3Schools - Prevent Default
- MDN - Input Element
- MDN - Valid Pseudo Class
- MDN - Form Validation
- MDN - Constraint Validation
- MDN - Submit Event
- CSS Tricks - Different Approaches to Validation Article
- Video Player | Project 11/20 → View Repository
- Spock Rock Game | Project 13/20 → View Repository
🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀