https://github.com/mdashraful305/password-strength-checker
The Password Strength Checker is a JavaScript tool that allows users to check the strength of their passwords
https://github.com/mdashraful305/password-strength-checker
bootstrap css html javascript jquery password-strength-checker
Last synced: about 1 month ago
JSON representation
The Password Strength Checker is a JavaScript tool that allows users to check the strength of their passwords
- Host: GitHub
- URL: https://github.com/mdashraful305/password-strength-checker
- Owner: mdashraful305
- Created: 2023-04-30T16:25:44.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2023-04-30T16:27:17.000Z (about 2 years ago)
- Last Synced: 2025-02-08T01:33:27.032Z (3 months ago)
- Topics: bootstrap, css, html, javascript, jquery, password-strength-checker
- Language: JavaScript
- Homepage: https://mdashraful305.github.io/Password-Strength-Checker/
- Size: 2.93 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Password Strength Checker
The Password Strength Checker is a JavaScript tool that allows users to check the strength of their passwords.
## Live Preview
```bash
https://mdashraful305.github.io/Password-Strength-Checker/
```
## Features
- Checks password strength based on the following conditions:
- At least 1 lowercase letter
- At least 1 uppercase letter
- At least 1 digit
- At least 1 special character
- At least 8 characters long
- At least 12 characters long
- Highlights the password strength conditions that are met
- Updates a progress bar to show the strength of the password
## Customization
You can customize the Password Strength Checker by modifying the CSS classes used in the HTML and JavaScript files. The following classes are used:
- `.form-control` - the class used for the password input field
- `#password-strength` - the ID used for the progress bar container
- `.progress-bar` - the class used for the progress bar element
- `.bg-danger` - the class used for the progress bar when the password is weak
- `.bg-warning` - the class used for the progress bar when the password is medium
- `.bg-success` - the class used for the progress bar when the password is strong
- `#password-conditions` - the ID used for the password conditions container
- `.password-condition` - the class used for each password condition element
- `.met` - the class added to password condition elements that are met
You can also modify the password strength conditions and their corresponding weights in the `calculatePasswordStrength` function in the JavaScript file.