Skip to content

This repository contains a simple yet powerful form validation example using HTML, CSS, and JavaScript. The project demonstrates how to implement real-time validation for various form fields and provides immediate feedback to users, ensuring that they submit valid and correctly formatted data.

License

Notifications You must be signed in to change notification settings

DinithSenarathna/JavaScript-Form-Validator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JavaScript-Form-Validator

This repository contains a simple yet powerful form validation example using HTML, CSS, and JavaScript. The project demonstrates how to implement real-time validation for various form fields and provides immediate feedback to users, ensuring that they submit valid and correctly formatted data.

Features

  • Real-time Validation: Validates input fields as users type, providing instant feedback.
  • Error and Success Indicators: Displays clear visual cues for validation status using icons and border colors.
  • Customizable Validation: Easily add or modify validation rules for different form fields.
  • Responsive Design: Fully responsive layout that adapts to various screen sizes, ensuring a consistent user experience across devices.
  • Success Modal: Shows a success message in a modal upon successful form submission.

Technologies Used

  • HTML: Structuring the form and modal elements.
  • CSS: Styling the form, icons, and modal for a visually appealing design.
  • JavaScript: Adding validation logic and handling form submission.

Usage

  • Name Field: Cannot be blank.
  • Email Field: Must be a valid email address.
  • Phone Field: Must be a valid phone number.
  • Password Field: Must be at least 8 characters long.
  • Message Field: Cannot be blank.

License

This project is licensed under the MIT License.

About

This repository contains a simple yet powerful form validation example using HTML, CSS, and JavaScript. The project demonstrates how to implement real-time validation for various form fields and provides immediate feedback to users, ensuring that they submit valid and correctly formatted data.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published