DEV Community

Cover image for Password Strength Meter using HTML CSS & JavaScript

Posted on • Updated on

Password Strength Meter using HTML CSS & JavaScript

A password strength meter shows how repellent a given password might be to password cracking attempts like brute force and dictionary attacks. Meters have rules they use to select points for password hardening measures such as including a full combination of symbols, numbers, uppercase, and lowercase letters.

In this program (Password Strength Meter or Indicator), at first, on the webpage, there is a white container with a title and a password input field. And when you enter some characters on this password field then the indicator or meter and an information text are shown on the bottom of an input field. There are three meters or indicators with different colors which indicates different info. There is also shown a password show or hide button.

You can also download the source code files through the given link. Click here to download source code files.

You might like this:

Email Validation Check
Random Password Generator
Confirm Password Checker
Password Show Hide Toggle Button

Top comments (0)