A fully functional Form Validation project using HTML, CSS (with Bootstrap), and Vanilla JavaScript.
👉 projectformvalidation1.netlify.app
- Full Name
- Email ID
- Phone Number
- Password
- Confirm Password
- Name must be at least 5 characters long
- Email must include
@
- Phone Number must be 10 digits and not
1234567890
- Password must not be:
- The word
password
- The user's name
- Less than 8 characters
- The word
- Confirm Password must match Password
When any input is invalid:
- Real-time error messages appear below the fields
- Form prevents submission until all validations pass
- HTML5
- CSS3 + Bootstrap 5
- JavaScript (Event listeners, functions, conditionals, real-time form validation)
📁 Form Validation
├── index.html
├── style.css
└── script.js
- Front-end form validation
- Using
onSubmit
andonChange
event handlers - Dynamic DOM manipulation and error feedback
- Writing modular, readable JS code with comments
This project is licensed under the MIT License.