Skip to content

Form Validation Project A JavaScript-powered form with real-time validation for name, email, phone, and password fields. Built using HTML, CSS, Bootstrap, and JS.

Notifications You must be signed in to change notification settings

TRahulsingh/form-validation-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

✅ JavaScript Form Validation

A fully functional Form Validation project using HTML, CSS (with Bootstrap), and Vanilla JavaScript.

Form Screenshot

🚀 Live Demo

👉 projectformvalidation1.netlify.app

📋 Fields Included

  • Full Name
  • Email ID
  • Phone Number
  • Password
  • Confirm Password

✅ Validation Criteria

  • Name must be at least 5 characters long
  • Email must include @
  • Phone Number must be 10 digits and not 1234567890
  • Password must not be:
    • The word password
    • The user's name
    • Less than 8 characters
  • Confirm Password must match Password

⚠️ Error Handling

When any input is invalid:

  • Real-time error messages appear below the fields
  • Form prevents submission until all validations pass

🛠 Technologies Used

  • HTML5
  • CSS3 + Bootstrap 5
  • JavaScript (Event listeners, functions, conditionals, real-time form validation)

📂 Project Structure

📁 Form Validation
├── index.html
├── style.css
└── script.js

🧠 Learning Outcomes

  • Front-end form validation
  • Using onSubmit and onChange event handlers
  • Dynamic DOM manipulation and error feedback
  • Writing modular, readable JS code with comments

📝 License

This project is licensed under the MIT License.

About

Form Validation Project A JavaScript-powered form with real-time validation for name, email, phone, and password fields. Built using HTML, CSS, Bootstrap, and JS.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published