Update password hint pop up on registration screen

tech_mil · September 9, 2025, 3:20pm

Hello, I updated the minimum character limit for the password using a plugin. I see that this comes up on the registration page when the minimum is not met. Like so below:

However, the password hint window that pops up next to the password does not show the minimum is 12 characters.

This is not major but it would be nice to update this so it reflects with the other warning!

I tried rebuilding the MFE but nothing changed. Am I going to have to run a custom authn MFE for this?

joel.edwards · September 10, 2025, 7:49am

the current authn MFE has hardcoded values and messages specifically for 8 characters, so it looks like there will be some modification needed to get it to fetch the value of django.contrib.auth.password_validation.MinimumLengthValidator and also dynamically update messages

github.com/openedx/frontend-app-authn

src/common-components/PasswordField.jsx

b97f777b6


      
          const tooltip = (
            <Tooltip id={`password-requirement-${placement}`}>
              <span id="letter-check" className="d-flex align-items-center">
                {LETTER_REGEX.test(props.value) ? <Icon className="text-success mr-1" src={Check} /> : <Icon className="mr-1 text-light-700" src={Remove} />}
                {formatMessage(messages['one.letter'])}
              </span>
              <span id="number-check" className="d-flex align-items-center">
                {NUMBER_REGEX.test(props.value) ? <Icon className="text-success mr-1" src={Check} /> : <Icon className="mr-1 text-light-700" src={Remove} />}
                {formatMessage(messages['one.number'])}
              </span>
              <span id="characters-check" className="d-flex align-items-center">
                {props.value.length >= 8 ? <Icon className="text-success mr-1" src={Check} /> : <Icon className="mr-1 text-light-700" src={Remove} />}
                {formatMessage(messages['eight.characters'])}
              </span>
            </Tooltip>
          );

github.com/openedx/frontend-app-authn

src/common-components/messages.jsx

b97f777b6


      
          'eight.characters': {
            id: 'eight.characters',
            defaultMessage: '8 characters',
            description: 'password requirement to have a minimum of 8 characters',
          },

tech_mil · September 10, 2025, 8:46am

Okay, thank you!

sarina · September 10, 2025, 4:02pm

I think this would be a good upstream contribution

Topic		Replies	Views
Password MinimumLengthValidator i18n tutor	6	852	June 24, 2022
Character limit for numerical input problems Educators how-to	1	331	June 22, 2022
Optional REGISTRATION_EXTRA_FIELDS not visible on authn registration page (Tutor 20 / authn MFE) Site Operations Help how-to , tutor , mfe , tutor-mfe	1	37	March 24, 2026
Username suggestions don't render correctly in certain scenarios Development mfe	8	359	August 16, 2023
Adding new field to the registration page Tutor Development tutor , mfe	0	353	May 30, 2023

Update password hint pop up on registration screen

Related topics