Create service email. Warning appears as error

[amazingphilippe]

Description of issue

If an email is entered in an incorrect format in Step 2 of 3 of Creating a service, characters that are not allowed are removed automatically and the page is reloaded with a correctly reformatted address. The input is highlighted as though the content in the field is not valid and has an associated error message. The message that appears above the field looks like an error, while it functions more as a warning to let users know that the email has been changed to match the required format and asking users to verify. Consider using different visual presentation for errors and warnings and more explicitly explaining what has occurred, for example, “We have reformatted your email to match the required format. Please make sure we formatted it correctly”.

Potential fix

• Insert a new screen when we auto correct the email field.
• Correct the email and place it in the error message. Don't auto-correct

[amazingphilippe]

Discussed some more potential fixes:

We landed on expanding our confirmation patter that we use on the scheduler, and our service identity preview prototype.

Our confirmation pattern looks like this:

Some AC:

• [ ] We always show confirmation, even when the format is correct
• [ ] We always pass the email in our auto-correcter and place the correct email address in the confirmation box
• [ ] When a user submits the form, we use the auto-corrected value
• [ ] We don't throw an error when we auto-correct the email