Skip to content

A simple password strength checker built with HTML, CSS, and JavaScript that validates passwords in real time.

Notifications You must be signed in to change notification settings

monu-kumar-dev/password-strength-checker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

9 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ” Password Strength Checker

A simple Password Strength Checker built using HTML, CSS, and JavaScript.
It validates password rules in real time, shows strength level, and enables the submit button only when all conditions are satisfied.


✨ Features

  • Real-time password validation
  • Password rules checking:
    • Minimum 8 characters
    • At least one lowercase letter
    • At least one uppercase letter
    • At least one number
    • At least one special character
  • Password strength indicator (Weak / Medium / Strong)
  • Confirm password matching validation
  • Show / Hide password functionality
  • Submit button enabled only when password is valid

🧠 How It Works

  • As the user types the password, rules are checked instantly.
  • Each rule shows βœ” (valid) or ❌ (invalid).
  • Password strength is calculated based on the number of rules passed.
  • Submit button is enabled only when:
    • All 5 rules are satisfied
    • Password and confirm password match

πŸ› οΈ Technologies Used

  • HTML – Structure
  • CSS – Styling and progress bar
  • JavaScript – Validation logic

πŸ“‚ Project Structure

password-strength-app/ β”‚ β”œβ”€β”€ index.html β”œβ”€β”€ style.css β”œβ”€β”€ script.js └── README.md


πŸš€ How to Use

  1. Clone the repository
    git clone https://github.com/monu-kumar-dev/password-strength-app.git
  2. Open index.html in your browser
  3. Enter a password and see validation in real time

πŸ“Œ Learning Outcomes

  • DOM manipulation
  • Event listeners
  • Regular expressions
  • Form validation
  • Clean JavaScript logic

πŸ™Œ Author

Monu Kumar BCA Student | Learning Web Development & DSA


About

A simple password strength checker built with HTML, CSS, and JavaScript that validates passwords in real time.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published