Add password strength validation on sign-up
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
How to set up and validate locally
- 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.
-
I have evaluated the MR acceptance checklist for this MR.
Edited by Hinam Mehra