JavaScript Form Validation Project

📌 Project Description

This project demonstrates client-side form validation using JavaScript. The form validates user input in real time and prevents submission if the entered data does not meet the required format.

The validation is implemented using JavaScript, ensuring that users provide correct and properly formatted information before submitting the form.

---

🚀 Features

• Runtime form validation
• Prevents form submission when input is invalid
• Phone number validation
• Password validation
• Error messages displayed for incorrect input
• Simple and clean user interface

---

🛠 Technologies Used

• HTML
• CSS
• JavaScript

---

📂 Project Structure

form-validation
│
├── index.html
│── css
│   └── style.css
├── js
│   └── script.js
└── README.md

---

📖 How It Works

1. User enters data into the form fields.
2. JavaScript checks the input values.
3. If the input does not match the required format, an error message is displayed.
4. The form will not submit until all fields are valid.

---

💡 Learning Purpose

This project was created to practice:

• JavaScript form validation
• DOM manipulation
• User input handling

---

👨‍💻 Author

Muhammad Software Engineering Student & Web Developer