Skip to content

Password strength

Examples

Initial state

Indeterminate: Must be at least 14 characters
Indeterminate: Cannot contain the word "redhat"
Indeterminate: Must include at least 3 of the following: lowercase letters, uppercase letters, numbers, symbols

Invalid password

Success: Must be at least 14 characters
Error: Cannot contain the word "redhat"
Success: Must include at least 3 of the following: lowercase letters, uppercase letters, numbers, symbols

Valid, weak password

Error: Weak
Success: Must be at least 14 characters
Success: Cannot contain the word "redhat"
Success: Must include at least 3 of the following: lowercase letters, uppercase letters, numbers, symbols

Valid, strong password

Success: Strong
Success: Must be at least 14 characters
Success: Cannot contain the word "redhat"
Success: Must include at least 3 of the following: lowercase letters, uppercase letters, numbers, symbols

Documentation

This demo implements a password strength meter. It uses multiple helper text items in the form helper text area below the input field to indicate whether the password meets validity criteria. Once the validity criteria are met, it also places helper text in the info area above the input field to indicate the strength of the password.


Edit this page on GitHub