Changes at "Add instant input validation on authentication forms"
Body
-
-["
Is your feature request related to a problem? Please describe.
Users need to send the form in order to see if they made a mistake. Here are some pain points that were raised in user interview.- Reloading the page each time which makes the user
- start form the top which feels like doing it all over again as the user has to scroll to see the error messages
- retype the password twice
- Error messages are not always easy to understand
- Users who made multiple errors feel overwhelmed by all the red field and error message
Describe the solution you'd like
Use instant input validation on the form so we can dynamically show the user errors as she is typing (without having to send the form and scroll the whole thing) so she can correct herself one error at a time.The fields that are subject to this feature are :
-
NicknameĀ
As a user who is typing her nickname I get an error if I add a space or a special special character
-
Password
As a user who is typing her password I can see password conditions turn green as I go. (Here is a good exampleĀ (External link), if you start typing a password you'll see a tooltip. This is related to this Meta proposalĀ (External link)) -
Email
As a user who type an email I get an error if I input a space or a special character that cannot be used in an email adress [any other condition ?)
Describe alternatives you've considered
NoAdditional context
NoDoes this issue could impact on users private data?
NoFunded by
"]
OSP and Angers -
+["
Is your feature request related to a problem? Please describe.
Users need to send the form in order to see if they made a mistake. Here are some pain points that were raised in user interview.- Reloading the page each time which makes the user
- start form the top which feels like doing it all over again as the user has to scroll to see the error messages
- retype the password twice
- Error messages are not always easy to understand
- Users who made multiple errors feel overwhelmed by all the red field and error message
Describe the solution you'd like
Use instant input validation on the form so we can dynamically show the user errors as she is typing (without having to send the form and scroll the whole thing) so she can correct herself one error at a time.The fields that are subject to this feature are :
-
NicknameĀ
As a user who is typing her nickname I get an error if I add a space or a special special character
-
Password
As a user who is typing her password I can see password conditions turn green as I go. (Here is a good exampleĀ (External link)Ā (External link), if you start typing a password you'll see a tooltip. This is related to this Meta proposalĀ (External link)Ā (External link)) -
Email
As a user who type an email I get an error if I input a space or a special character that cannot be used in an email adress [any other condition ?)
Describe alternatives you've considered
NoAdditional context
This proposal is part of a larger scope to improve authentication flow in Decidim. Working document here.Does this issue could impact on users private data?
NoFunded by
"]
OSP and Angers
Share