Form validation and preventing inadvertent multiple payments with Soapbox Events

There are a number of features built into Soapbox Events to make the payment process easier and more intuitive for site visitors. These include form validation processes and altering the behavior - and, depending on your site design, the appearance - of the submit button.

Form validation: clear highlighting of field needing attention

When a visitor clicks submit, the form will confirm that all required information has been entered and is properly formatted. If there are elements that require the attention of the visitor, the form will slowly scroll up to the top of the page, display the message "Please confirm all required information is correct" and highlight all fields needing attention.

This behavior is consistent with form validation in both Forms and Soapbox Donation pages. For an example of the behavior in Soapbox Donations, see the video:

Disabling the submit button after initial click

As part of the default behavior of Soapbox Events, the submit button is disabled after initial click while the form is processing. This prevents the payee from inadvertently clicking it multiple times for multiple payments and multiple registrations.