Here is a simple UI for password validation designed by Sasha Tran. There are 3 criteria that the password should pass before you can submit it.
- 1 lowercase character
- 1 uppercase character
- 6 minimum characters
You can customise these using JavaScript. As you type in the password on a login form the met criteria are crossed out and when all three are done the submit button becomes active.
If you are having trouble with the pen, try the archived copy on GitHub
Password Validation Snippet
See the Pen UI + React by Sasha (@sashatran) on CodePen.0