From b086de1e86aa73e9eeda434fac2601494e49f248 Mon Sep 17 00:00:00 2001 From: RamRaj <102046374+RamRaj1440@users.noreply.github.com> Date: Sun, 5 Oct 2025 19:13:12 +0530 Subject: [PATCH] Update README.md A simple yet effective **form validation project** built using **HTML, CSS, and Vanilla JavaScript**. This project demonstrates how to validate user inputs on the client-side before submitting the form. --- README.md | 57 ++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 56 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 3d45981..9c5b2e2 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,57 @@ -# form-validation-html-css-js +# form-validation-html-css-js + +# Form Validation using HTML, CSS, and JavaScript + +A simple yet effective **form validation project** built using **HTML, CSS, and Vanilla JavaScript**. This project demonstrates how to validate user inputs on the client-side before submitting the form. + +## Features + +- Real-time input validation +- Error messages for invalid fields +- Basic styling with CSS +- Prevents form submission until all fields are valid + +## Project Structure + +form-validation-html-css-js/ +│── index.html +│── style.css +│── script.js +└── README.md + +## Technologies Used + +- **HTML5** – Structure of the form +- **CSS3** – Styling & error messages +- **JavaScript (ES6)** – Form validation logic + +## How to Run the Project + +1. Clone the repository: + +2. Open `index.html` in your browser. + +--- + +## Demo Screenshots + +![Demo Screenshot](images/demo.png) + +--- + +## Future Improvements + +- Add regex-based email validation +- Improve UI with animations +- Extend to handle password strength check + +## Contributing + +Contributions are welcome! Fork the repo and create a pull request. + +## License + +This project is licensed under the **MIT License**. + +