Skip to content

Latest commit

 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Dynamic-Form-Error-Highlighting

A simple and interactive form validation project built with HTML, CSS, and JavaScript. This form provides real-time error detection, shake animation on invalid input, and a success welcome screen after all fields are correctly filled.

Features

  1. Live input validation (name, email, password & confirm password)
  2. Red/green field highlighting for error & success
  3. Shake animation for invalid fields
  4. Dynamic error summary counter
  5. Clean UI with smooth transitions
  6. Welcome screen on successful registration

Tech Stack

  1. HTML – form structure
  2. CSS – styling, animations, responsiveness
  3. JavaScript – validation logic, dynamic updates

How to Run

  1. Download the repository and extract the folder if needed
  2. Open index.html in your browser
  3. Start typing to see real-time validation effects

About

Ever filled a form and only learned about an error after hitting submit? Good UI responds as you type. With just a bit of JavaScript, your form can listen, react, and guide users instantly—no more last-second surprises. It’s not just validation; it’s a real-time conversation with your user.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages