Forum Academy Marketplace Showcase Pricing Features

[New Feature] Password strength on inputs

Hello,

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,

42%20AM

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.

pw%20Strengh

46 Likes

Thanks!

Tiny improvements like this are actually pretty awesome! Much appreciated!

1 Like

Nice!

This is great @emmanuel

A minor change request - “strength” is spelled incorrectly (missing a “t”) in the Conditional options.

image

2 Likes

Yep good catch. We’ll fix that

2 Likes

Nice feature

Great! I could never figure out how to do that. Thanks! Makes it super easy now. :slight_smile:

This is awesome!! :slight_smile: Thank you so much!

Awesome feature, may seem tiny, but huge for users.

Nice feature, thank you :slight_smile:

Me gusta!, gracias por mejorar Bubble.

Nice feature! Something small but it makes it much easier (and probably reliable than doing it yourself. Thanks!

What is the “strength” base on?

2 Likes

Hi Emmanuel, what is the password strength based on? thanks jeff

It’s a combination of

  1. length
  2. usage of capitalized and not capitalized
  3. usage of numbers
  4. usage of special characters

and usual bad passwords are flagged as very bad (a lot of people use password or hello as a password… These are bad)

7 Likes

ok great, thanks for clarifying.

hi
I’m having trouble with calculating random string when setting up user sign up pop up.

issue is - length of characters App Text (english)contains
App Text (English)

Hmmmm…where is that “text” box coming from with “Strong Password” in it? I’m not seeing it when implementing this on a password input field.

Thanks,

  • Marty

Hey Marty,

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.

I hope that helps.

1 Like