CDCgov
2.0 Patient Form Validation
User Story
As a user submitting test results, I want to see validation errors displayed on the patient form, so that I can correct input and successfully submit all necessary test lab data.
Acceptance Criteria
Generally speaking, validation should function very similarly to the existing new patient form in the 1.0 app.
- Progressing to the next step of the lab submission is not possible until the form passes validation
- Required fields are now included in validation requirements
- Validation should execute as the user interacts with individual form fields
- Validation should execute as the user attempts to move forward in the flow (clicking
Next: Lab results) - This does not include the smarty integration
- This does not include accounting for phone number or address unknown features
NOTE: figma currently includes a component listing all of the errors at the top of the form, ignore this for the sake of this ticket.
Scenarios
- I land on the Patient information page. No errors are displaying. The Next button is enabled.
- I tab or click into Last Name. Tabbing or clicking out of it triggers validation and displays an error if the field is empty. This should be true for all required fields (see figma below).
- Clicking the Next button should trigger validation for all fields and should not move to the next step if there are any validation errors.
- If I click or tab into a required field with the error state triggered, entering information should remove the error state upon tabbing or clicking out of that field.
Design Notes
Screenshots below should not be used for working on this ticket - always refer to Figma design for most up-to-date designs:
Additional context
Double check if zip code validation is stand alone or included in smarty streets. If stand-alone, then include it in this ticket.
