We have long forms on http://www.insurancehero.ca, and when the user hits submit, it takes a few seconds to load the next screen. Some users have been clicking submit again, and again, and again until it bogs down the full process on the server.
Is there anyway to disable the submit button after it is clicked once to prevent this?
There isn't currently a built-in way to disable submit. You can make one of the form fields set-up to be no duplicates. This would stop any duplicate data from being submitted.
You could also limit entries by IP: http://gravitywiz.com/2012/05/12/limit-ip-to-one-submission-per-time-period/
You could also find some JavaScript that would disable the form submit button on click. Which you can then use this documentation to help you integrate it:
http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F
You can do this with jQuery.
jQuery(document).ready(function() {
jQuery('#gform_59 input[type=submit]', this).click(function() {
jQuery('#gform_59 input[type=submit]').css('display','none');
});
});Just replace the "59: with the correct ID of your form. Upon clicking, this will hide the submit button.
Sure thing, see this page for some helpful tips on code placement:
http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F
This code has both the disabled button as well as explanatory text, which is very nice. How do I convert this into Gravity Forms, so it affects all my buttons?
http://www.mkyong.com/jquery/how-to-disable-submit-button-after-clicked-with-jquery/
What code did you add to your site already? The gform_enqueue_scripts filter can be used to load your custom script on every page which utilizes a Gravity Form:
http://www.gravityhelp.com/documentation/page/Gform_enqueue_scripts
Once you get the code working, you can enqueue it with this filter and it should be added to every page where there is a Gravity Form.
Nice solution, but one problem.
somehow firefox and chrome detect my email field and display its not a valid email after pressing submit.
so the button hides and the form is not submitted so my users have a form without a submit button!
see image: http://s10.postimage.org/z6zwxidx1/Schermafbeelding_2012_11_28_om_15_03_54.png?noCache=1354111489
is there a way to shut down this option in firefox chrome etc?
Can you post a link to your form please?
