Error handling on account creation for using valid email addresses as a username

[anukandimalla]

User name

As a document Owner, I need error handling in the platform to warn me of a mistyped e-mail address so that I can create an account on the platform successfully and log back in later.

Description:

There should be an email validation when entered as a username to provide error handling messages

URL: https://lifefiles.org

To Reproduce Steps to reproduce the behavior

1. Go to the URL mentioned above(Refer to URL) in
2. Click on create account
3. Click continue
4. Enter incorrect email id as user name
5. Enter "test" as user name and Click continue
6. see error

Expected behavior The incorrect form of email id has to be validated Error handling message needed to be displayed to handle the error

Screenshots: Refer to the comment section in here

Device and browser Desktop and Mobile

Dependency Error handling messages by UX team

-----this is a medium sized task - UI, backend work, trying out a library for email validation----

Higher purpose(How this task affects the platform?):

Adoption of the platform How we know that document owners will use and rely on the platform.

[anukandimalla]

Recommendation: Especially with this Owner, the error handling or email validations are highly valuable in creating successful accounts and accessing the account in future

As a short-term fix, we can start with general username validation and provide common error handling messages. For example, when a user enters the incorrect login credentials provide the message"Your email address/phone and password/security questions don't match our system". Please try again or use forgot username/password to recover"

[anukandimalla]

https://user-images.githubusercontent.com/52670306/128757542-3dd0f364-3f73-4a69-a134-5a9bd4b4196b.mov