- Calculation Formula Guide
- Using Calculations in SureForms: A Step-by-Step Guide
- GDPR Compliant Forms
- Conversational Form
- Instant Forms
- Create Multi Step Forms In WordPress
- Create WordPress Forms With Conditional Logic
- How to Create Inline Forms in SureForms
- SureForms Login Block – Step-by-Step Guide
- SureForms Registration Block – Step-by-Step Guide
- Unable to Upload SureForms ZIP: File Unzipped On Download
- Browser Support for SureForms
- Not Getting Update Notifications
- How To Rollback to Previous SureForms Versions
- Publishing Failed: Invalid JSON Response
- Troubleshooting Email Sending In SureForms
- SureForm Submissions Marked as Spam – How to Fix
- API Request Failed – Nonce Verification Error
- Fixing the “Destination folder already exists” Error When Installing SureForms
- srfm_enable_redirect_activation
- sureforms_plugin_action_links
- srfm_quick_sidebar_allowed_blocks
- srfm_integrated_plugins
- srfm_suretriggers_integration_data_filter
- srfm_form_submit_response
- srfm_enable_gutenberg_post_types
- srfm_languages_directory
- srfm_form_template
- srfm_disable_nps_survey
srfm_on_trigger_form_submission
Description:
This event is triggered just before the form submission process begins. It allows external scripts to intercept and potentially modify or cancel the submission process. Calling event.preventDefault() stops the submission flow and prevents the loader from being displayed.
Parameters:
- form: The form element that is being submitted.
- loader: The loader element associated with the form, which will be activated during submission.
- formId: The unique identifier for the form being submitted.
- submitType: The type of form submission (e.g., “same page”, “different page”, “custom URL”).
- successElement: The element intended to display the success message after submission.
- successContainer: The container that wraps the success message element.
Event Implementation:
const event = new CustomEvent( 'srfm_on_trigger_form_submission', {
cancelable: true,
detail: {
form,
loader,
formId,
submitType,
successElement,
successContainer,
},
} );
if ( ! document.dispatchEvent( event ) ) {
loader.classList.remove( 'srfm-active' );
return; // Stop further execution if event.preventDefault() was called.
}
Was this doc helpful?
What went wrong?
We don't respond to the article feedback, we use it to improve our support content.
On this page