Gravity Wiz // Gravity Forms // Prevent Duplicate Submissions from Double Clicks

gw-gravity-forms-prevent-duplicate-submissions.php

<?php
/**
 * WARNING! THIS SNIPPET MAY BE OUTDATED.
 * The latest version of this snippet can be found in the Gravity Wiz Snippet Library:
 * https://github.com/gravitywiz/snippet-library/blob/master/gravity-forms/gw-prevent-duplicate-submissions.php
 */
/**
 * Gravity Wiz // Gravity Forms // Prevent Duplicate Submissions from Double Clicks
 * http://gravitywiz.com/
 */
add_filter( 'gform_pre_render', 'gw_disable_submit' );
function gw_disable_submit( $form ) {

	if( defined( 'DOING_AJAX' ) && DOING_AJAX ) {
		return $form;
	}

	?>

	<script type="text/javascript">

		jQuery( document ).ready( function( $ ) {

			var formId = '<?php echo $form['id']; ?>';

			$( '#gform_submit_button_' + formId ).on( 'click', function( event ) {

				if( hasPendingFileUploads( formId ) ) {
					return;
				}

				var $submitCopy = $( this ).clone();

				$submitCopy
					.attr( 'id', '' )
					.prop( 'disabled', true )
					.attr( 'value', 'Processing...' )
					.insertBefore( $( this ) );

				$( this ).css( { visibility: 'hidden', position: 'absolute', transition: 'all 0s ease 0s' } );

			} );

			function hasPendingFileUploads() {

				if( ! window[ 'gfMultiFileUploader' ] ) {
					return false;
				}

				var pendingUploads = false;

				$.each( gfMultiFileUploader.uploaders, function( i, uploader ) {
					if( uploader.total.queued > 0 ) {
						pendingUploads = true;
						return false;
					}
				} );

				return pendingUploads;
			}

		} );

	</script>

	<?php

	return $form;
}

Hi,
This is very useful for a form that loads a second page when the submit button is clicked, however, if it is an AJAX form, this snipped only works the first time, but not any subsequent submissions... what would you have to change to allow this to work every time the form is submitted using AJAX (assuming there were errors with the first form submissions).
Thanks,
Matt

Thank you so much for this! I loaded it on some of my websites using the Code Snippets Plugin.

Glad to help, @sperez91!

👉 This Gist has been migrated to the Gravity Wiz Snippet Library:

https://github.com/gravitywiz/snippet-library/blob/master/gravity-forms/gw-prevent-duplicate-submissions.php