Contact Form Displays Error Prematurely

[justinr86]

Summary

The Contact Info page validates the data with the following rules:

1. Full name is required

2. Either phone number or email address is required

3. Both email and phone number are evaluated for valid format

The error message is displayed as soon as one field has been touched. We should display an error to the user in the following scenarios:

1. Invalid data is present in the field (i.e. a malformed email address).

2. The user attempts to submit a form missing required information.

This logic for presenting error messages is demonstrated on the When Did It Happen page.

Steps to reproduce

On Contact Info page focus on an input field by either clicking in the field with your mouse or using the Tab key. Move focus away from this input field and you will see error messages displayed.

Unresolved questions

N/A

[lmcbhvu]

I see it too but I thought it is the way to design. Currently, the error is still displayed when the user enters data in required field.

[dengcn]

It really depends on user's feeling.
Current error display is like real time prompt. Let's say user type in valid full name, and move away the mouse to focus on empty place, then warning pop up can prompt warning to user, you need to fill in other required fields before click "Continue"

We can take business team's feedback/requirement, to see if use this real time style approach or validate all only on when user click "Continue"