We just added an improvement to the input element. When the type of content is set to ‘password’, you’ll be able to get the strength of the password, doing, for instance,
This returns a number between 0 and 100, 100 being a very strong password, and you can use this number to provide a feedback to users, as we did on our own homepage.
It’s literally just a text element sitting above the input field with a condition set so that when the password strength is greater than or equal to 80 - the text changes to “Strong password” and the colour changes to green.
Same is done for the other notifications i.e. “Weak” and “Medium”.
For all, you decide the strength level steps between 0 and 100.
So for “Medium” you could say greater than or equal to 50. You shouldn’t need to dictate a maximum (less than or equal to) if you have another higher condition set, but testing would prove this either way.
Hey how are password strength and password policy supposed to work together. At the moment it seems like they dont really and having them both on at the same time creates for some confusing messaging sometimes (i.e red box around input but text is saying medium). Is there a way for the input outline to be red until it reaches a threshold in strength?
You know what - I think this feature is just incomplete. This is a really long non repeating letters and the password strength “detector” says its weak (less than strength 50)
Its ~80 lower case characters. 80 lower case characters has p113 combinations. But “HelloWorld” reaches a strength of 50 even though its combination count is in the range of p17.
I think this feature needs more thought including how it measures strength and how it integrates with the password policy and with input form rules of “valid”.