form validation using html,css,javascript

This project is a Form Validation System built using HTML, CSS, and JavaScript. It validates user input in real-time and on form submission to ensure that all required fields are filled correctly before submitting the form.

The form includes validation for:

* Username (required, 3–15 alphanumeric characters)

* Email (valid email format)

* Password (minimum 6 characters, allows special characters)

* Phone Number (valid Egyptian phone format)

* Gender (at least one option must be selected)

* Languages (at least two languages must be selected)

---

Features

* Real-time validation using input and change events

* Regex-based validation for text fields

* Error messages displayed dynamically

* Visual feedback with green border for valid input and red border for invalid input

* Redirects to a success page after successful submission

---

Technologies Used

* HTML5

* CSS3

* JavaScript (DOM manipulation and form validation)

How It Works

* The form prevents default submission using event.preventDefault()

* Each field has a separate validation function

* If all fields are valid, the user is redirected to success.html

* If not, error messages are displayed