This project is a client-side form validation system built using HTML, CSS, and JavaScript.
It validates user input in a web form (such as name, email, password, phone, etc.) and displays clear error messages to ensure data is entered correctly before submission.
This project was built as part of my internship, focusing on writing clean, reusable validation logic and improving user experience.
- ✅ Validation for required fields (e.g., name, email, password, etc.)
- ✅ Email format validation
- ✅ Password strength checks (length / rules)
- ✅ Confirm password match validation
- ✅ Phone number / numeric validation (if included)
- ✅ Inline error messages near each field
- ✅ Success state when fields are valid
- ✅ Responsive UI with basic styling
You can adjust this section to exactly match the fields used in your form.
- HTML – Form structure and layout
- CSS – Styling, alignment, and visual feedback for errors/success
- JavaScript – All validation logic and DOM manipulation
📁 Project Structure
form-validation-project/ │── index.html → Main form page │── style.css → Styles for the form │── script.js → Validation logic └── README.md → Project documentation
📂 File Details
index.html — Contains the form structure and UI layout
style.css — Defines styling, colors, spacing, and responsive layout
script.js — Includes all validation rules and logic
README.md — Documentation explaining the project
🎯 Internship Context
This project was created as part of my internship, focusing on:
Writing clean and reusable validation functions
Handling multiple edge cases in user input
Improving form usability and error feedback
👨💻 Author
BAAVIKALA JAGADEESWAR REDDY GitHub: @Jagadeeswarreddybaavikala