Validate checkout form fields with inline validation, not a disabled submit button
Problem
The in-app checkout currently uses disabled submit buttons as a way of validating form fields. Per our guidelines, this is not a best practice.
Proposal
Use inline validation for all form fields and do not disable submit buttons.
- The submit button is active at all times, and the user can click it at any time
- On submit, we validate the form fields and show errors for any fields that are not properly filled out
Designs
See design issue
Edited by Emily Sybrant