I have an invoice page with a button to make a payment. The payment button triggers a series of modals for collecting user payment info (credit card/check details, billing details, payment Confirmation).
Is there a standard or best-practice for clearing the fields in series of modals?
For example, should I be including a
Cancel button on each modal that will clear all of the fields on all of the modals?
Should clicking the
Close button in the upper-right of the modal, or clicking on the modal overlay also clear the fields? Or, should I be leaving the fields populated in case the user accidentally clicks on the overlay or just wants to look at the content behind the modal?
Right now I have a
Cancel button on the first modal and a
Back button on subsequent modals, but I am leaving the user information in the fields until the payment is processed or the user closes the tab/window.