The Form Validation project is a simple yet effective demonstration of client-side form validation using HTML, CSS, and JavaScript. It ensures that users provide valid input before submitting a registration form. The project includes real-time error messages to guide users in correcting their input.
- Username Validation: Ensures the username field is not left blank.
- Email Validation: Checks if the email field is not empty and validates the email format.
- Password Validation: Verifies that the password is at least 8 characters long.
- Confirm Password Validation: Ensures the confirm password matches the original password.
- Real-Time Error Messages: Displays error messages next to each input field in real-time.
- Stylish UI: A clean and user-friendly interface with responsive design.
Ensure you have a modern web browser installed on your device.
-
Clone the repository:
git clone https://github.com/TheRealSaiTama/SimpleHTML.git
-
Navigate to the
FormValidationdirectory:cd SimpleHTML/FormValidation -
Open the
index.htmlfile in your web browser.
- Enter a username, email, password, and confirm password.
- Real-time validation will check the inputs as you type.
- If all fields are valid, the "Submit" button will be enabled.
- Click the "Submit" button to complete the registration process.
- HTML5: For structuring the form elements.
- CSS3: For styling the form and its components.
- JavaScript: For implementing the form validation logic.
FormValidation/
│
├── index.html
├── style.css
├── script.js
└── README.md
Contributions are welcome! If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.
This project is licensed under the GPL-3.0 License - see the LICENSE file for details.
For any questions or feedback, feel free to contact me at keshavsde@gmail.com.