Email, Name, and Password Validation Form

This project is a simple HTML, CSS, and JavaScript-based validation form that validates email addresses, full names, and passwords. It includes user-friendly UI elements, error notifications, and live feedback for user input.

Features

• Email Validation: Ensures the entered email address is in the correct format.
• Name Validation: Checks if the full name meets the required format.
• Password Validation: Verifies that the password meets the criteria of at least 8 characters, including uppercase, lowercase, numbers, and special characters.
• Responsive Design: The form adjusts to different screen sizes.
• Real-time Input Feedback: As the user types, they receive immediate feedback about the validity of their input.

Technologies Used

• HTML5: For structuring the form.
• CSS3: For styling the form and layout.
• JavaScript: For input validation and feedback.

Project Structure

. ├── index.html # Main HTML file for the form ├── style.css # CSS file for styling ├── script.js # JavaScript file for input validation ├── images/ # Folder containing image assets ├── .gitignore # Git ignore file └── README.md # Project documentation

Validation Details

Email Validation

• The email field checks for a valid email format such as [email protected].
• Displays an error if the format is incorrect.

Name Validation

• The name field checks for proper formatting, ensuring only alphabetic characters are entered.
• Displays an error if the format is incorrect.

Password Validation

• Ensures the password contains at least:

  • 8 characters
  • 1 uppercase letter
  • 1 lowercase letter
  • 1 number
  • 1 special character

• Displays an error if the format is incorrect.

How to Run the Project

1. Clone the repository:

   git clone https://github.com/davem1988/Email-Name-Password-Validation.git
   
   

2. Navigate to the project directory:

   cd your-repo-name
   

3. Open the index.html file in your web browser:

   You can either double-click on the file or serve it using a local server such as Live Server in VSCode.

Future Improvements

• Add further validation rules for different inputs (e.g., phone numbers, addresses).
• Implement server-side validation for security.
• Add more animations and transitions for a smoother user experience.

Contributing

• Feel free to open issues or submit pull requests if you have any suggestions or improvements for the project!

License

• This project is licensed under the MIT License.