Skip to main content

Confirmation Prompt on Form Submit

Overview

The Confirmation Prompt on Form Submit Plugin enhances form submission processes by introducing a confirmation prompt using SweetAlert2. This plugin hides the original submit button, clones it, and attaches a click event to the cloned button. When clicked, a confirmation dialog appears, asking the user to confirm their submission. If confirmed, the original submit button is triggered, ensuring user intent before form submission. The plugin leverages jQuery for DOM manipulation and SweetAlert2 for the confirmation dialog.

Use Cases

  • This plugin is ideal for any application where form submissions need an extra layer of user confirmation, such as sensitive data submissions, financial transactions, or any scenario where accidental submissions must be avoided.

Installing the plugin

Prerequisites:

  1. The page must have a form component
  2. Javascript must be enabled (applicable if your're on trial account)

Step-by-Step Installation:

  1. Navigate to the page with this form, this can be a parent or child page. 
  2. Click on the Plugins
  3. Find the Confirmation Prompt on Form Submit plugin
  4. Select the form 

Removing the Plugin

To remove the plugin, find the Javascript code that is surrounted with a comment for the plugin name and delete the code. Do the same for the CSS as well. 

Back to top