📝 Registration Form with Client-Side Validation

A responsive Registration Form built using HTML, CSS, and JavaScript, featuring real-time client-side validation and clear user feedback.
This project focuses on form validation logic, UX clarity, and error handling without using any external libraries.

---

🚀 Features

• Structured registration form with:
  • First name & last name
  • Email address
  • Phone number
  • Password & confirm password
  • Gender selection (dropdown & radio buttons)
  • Terms and conditions checkbox
• Client-side validation using JavaScript
• Inline error messages for invalid inputs
• Uses native HTML validation where applicable
• Prevents form submission until all validations pass
• Clean and readable UI

---

🛠️ Technologies Used

• HTML5
  • Semantic form elements
  • Input types (email, password, tel, etc.)
• CSS3
  • Layout and spacing
  • Error message styling
• JavaScript (Vanilla JS)
  • Input validation
  • Regex-based checks
  • Form submission control

---

🧠 Validation Rules Implemented

• Name
  • Must not be empty
  • Minimum character length enforced
• Email
  • Must contain @ and follow valid email format
  • Minimum length validation
• Phone Number
  • Must contain exactly 10 digits
  • Only numeric input allowed
• Password
  • Must contain:
    • Uppercase letter
    • Lowercase letter
    • Number
    • Special character
• Confirm Password
  • Must match the password field
• Terms & Conditions
  • Must be accepted before submission

---

▶️ How to Run Locally

1. Clone the repository:

   git clone https://github.com/YOUR_USERNAME/registration-form.git

2. Open the project folder
3. Open index.html in a browser

No build tools or dependencies required

---

🎯 Learning Objectives

This project helped practice:

• DOM manipulation
• Form validation logic
• Regular expressions (Regex)
• User-friendly error handling
• Separation of structure, style, and logic

---

👨‍💻 Author

Archisman Mitra

---

⭐ Feedback

If you find this project useful or learned something from it, feel free to give it a ⭐ on GitHub!

📂 Project Structure