Skip to content
PatternFly

Password strength

Demo

This demo shows how to use PatternFly component to validate and return feedback about password strength according to consumer-defined rules.

Examples

Initial state

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

Invalid password

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

Valid, weak password

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

Valid, strong password

 
Strong
Must be at least 14 characters
Cannot contain the word "redhat"
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.


View source on GitHub
Red Hat
Copyright © 2014-2024 Red Hat, Inc.
Privacy statementTerms of useAll policies and guidelines