Ubercart

This would be a useful addition. It'd be a really small snippet of jQuery code that would set the "submit" element to disabled.

Either that or using hook_form_alter(). There is some good discussion here:

http://drupal.org/node/69048

Although this is the type of feature I'd love to see rolled into core. We have had quite a few duplicate orders on our site, too.

Works for UC2 and tested in IE7, IE8 & Firefox.

Please note that this is bad practice but if you need this problem fixed right away add this line to your uc_cart.pages.inc

Search for:

$form['submit'] = array(

under

'#value' => t('Submit order'),

add this line

'#attributes' => array('onclick' => '$(this).click(function () { $(this).hide(); });'),

Keep in mind that upon upgrading this will break.

Again, only use this if you need it fixed right away and plan to come back later and do it right.

Hello running Ubercart 6.x-2.2 and customers are still getting double submissions when they double click this button.
Is this still an issue in 6.x-2.2 or has this been fixed and my problem is ocuring because of something else wrong on my site?

Please note that ideally the submit button should change to something that says "sending" while the next page loads; and prevent further submissions.

Thanks

Sebastian.

I was looking into this because there are a bunch of things that can go wrong. IE - if submit is clicked, then back button is clicked you may want to lock the back button as well.

The problem I ran into was that disabling the submit button caused the cart not to submit at all.

A more viable solution:
-use hook form alter to create a superficial button that's hidden to say something like "Processing"
-create javascript file to hide this button on document ready
-create a javascript function to hide the "submit" button, and display the "Processing" button.
something like:

function lock_submit_order(){
$('#uc-cart-checkout-review-form #edit-submit').hide();
$('#uc-cart-checkout-review-form #edit-processing').show();
}

-reference your javascipt using #after build. So in your customized module or whatever you would have something like:

function your_module_form_alter($form_id,$form){
switch($form_id){
case 'uc_cart_checkout_review_form':
$form['processing']=array(
'#type'=>'button',
'#value'=>'Processing...',
'#disabled'=>'true'
);
$form['submit']['#after_build']=array('_load_your_module_javascript');
$form['submit']['#attributes']=array('onclick'=>'lock_submit_order()');
break;
}
}

function _load_your_module_javascript($element){
drupal_add_js(drupal_get_path('module', 'your_module') . '/your_javascript.js');
return ($element);
}

The result should be the "Submit Order" button appearing as if it's been locked and it says processing. What really happens is that you've hidden the "submit order" button and unhidden the disabled "processing button"