I have an email and password field on the sign up form. A password rule text and a show password checkbox appear below the password field.
The rules for showing the div containing password hint text and checkbox is follows:
• As soon as the user focuses out(tabs out) of the password field after entering a valid password, the password tip should hide
• Another rule is, as long as the password does not match the rules, show the password tip
• When we click on the "Show password" checkbox or the "Sign up" button after entering a valid password, the focus shifts to the checkbox or button and since the password is valid as per the rules, it hides the password tip. Is there a better user experience for show password behaviour?