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.
- 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
- 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
- HTML β Structure
- CSS β Styling and progress bar
- JavaScript β Validation logic
password-strength-app/ β βββ index.html βββ style.css βββ script.js βββ README.md
- Clone the repository
git clone https://github.com/monu-kumar-dev/password-strength-app.git
- Open index.html in your browser
- 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