Suggestion: Perform full input form validation before pre-authorizing credit card
Initial situation:
-
On a contribution page, some personal data is collected (address via a profile, passwords for creating a Wordpress account, e-mail address) in addition to the credit card data via the stripe element.
-
It is configured to not show an additional confirmation page.
Current user experience:
After pressing the submit button for the contribution, an alert is shown, indicating that the credit card will be pre-authorized. Only after this message, some form validation errors are presented to the user, e.g. invalid format of an e-mail address or mismatch of the two passwords for the Wordpress account creation.
Users may now fear that a second contribution will be created after correcting the errors and re-submitting the form.
Suggestion:
There is already a check for missing input in mandatory input fields happening, before the credit card transaction is initiated. Ideally, the entire input form validation happens before the credit card transaction is started.
I see this as a nice to have rather than something critical. Just wanted to communicate my observation without knowing, if there are fundamental technical reasons behind this behavior.