Skip to content

Jagadeeswarreddybaavikala/form-validation-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 

Repository files navigation

banner

📝 Form Validation Project

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.


🚀 Features

  • ✅ 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.


🧱 Tech Stack

  • 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