Skip to content

Add password strength validation on sign-up

Hinam Mehra requested to merge 91-add-password-validation-success-message into master

What does this MR do and why?

  • Resolves growth/ui-ux/-/issues/91
  • Injects a Vue component on the sign-up page which displays a success message & hides any hint/error messages when the password validation requirements are met. This is meant to give the user instant feedback as they are entering the password to improve usability.
  • Created a new Vue component instead of just using plain JS to toggle the classes, to avoid adding more JS technical debt. And this Vue component can be extended to provide more information to users as we strengthen our password policy, such as by restricting weak passwords

Screenshots or screen recordings

password-strength-validation

How to set up and validate locally

  1. Navigate to http://localhost:3000/users/sign_up and enter an 8 character password to view the success message.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Hinam Mehra

Merge request reports