Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
57 changes: 56 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -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**.