Question

I need a function to disable this button:

<button type="submit" 
        title="Place Order" 
        class="button btn-checkout" 
        onclick="review.save();"><span><span>Place Order</span></span>
</button>

I was thinking about calling it before the review.save in the onclick.
Should I remove the onclick attribute and make it a click event handler and do it there?

Some customers are pressing the button twice and getting duplicate orders and charges.
Should I disable the submit of the form as well? How is the best way to handle this? This is a Magento One Page Checkout.

Answer 1

I recommend using jQuery:

$(document).ready(function() {
    $('button.btn-checkout').click(function(e) {
        $(this).attr('disabled', 'disabled');
        review.save();
    });
});

on save callback (depending on what it actually do) you can enable the button again.