Prevent a duplicate page submit

In one of my project, I try to find the solution for fact that the user unintentionally submit the page more than once. Let's suppose that you have two buttons on one page both of them run submit after click on it. This submit run similar DML in DB. If you have poor internet connection to application server you got chance to click on both buttons before page is refreshed.

Apex provides an attribute on page-level "Allow duplicate page submissions page". As the name implies, this attribute determines whether a single page can be submitted more than once. By default, this attribute is set to "Yes - Allow page to be re-posted". User than submit the same page twice. Therefore, in most cases this attribute should be disabled by setting it to "No - Prevent page from being re-posted".

The disadvange of this solution is that users are redirected to error page every time a re-post occurred and got an error "ERR-3331 This page was already submitted and can not be re-submitted". So I came up with simple solution which you can combine with the APEX solution. 

APEX offer the apex.widget.waitPopup functionality. You can use this to show the wait popup during submitting the page. But let's start from begining.


On page you want this functionality or on page 0 if you want this functionality on all pages in your application, create new Dynamic action.

Give the dynamic action a name and choose the event type "Before Page Submit"

Create new TRUE action 

As action, choose "Execute JavaScript Code", copy and paste the following code in the Code field.

$("body").append('<div class="ui-widget-overlay ui-front"/>');

apex.widget.waitPopup();

This will result in:

Every time when the user clicks on a button which will submit a page, the wait indicator will appear.

Simple not!