Magento contact form submit button allow click ones

Question

Is it possible to change the behavior of the submit button on the contact form, so that it will only allow to click one time?

Now when you fill in the form and click multiple times on the submit button, it wil sent the contact form and email multiple times.

Is there a way to reduce this to only 1 time?

We are running Magento 1.9.3.9

Answer 1

Natively, in the Magento contact form, you can send only one form in the same time, if you are using a custom contact form or custom form you can just disable the double click on that button like the code bellow, if it's an AJAX form, you need to custom this code:

app/design/frontend/{theme}/{name}/template/contact/form.phtml

$(document).ready(function () {
     $("#buttonId").on('click', function() {  
           alert('Clicked'); // for test
           $(this).prop('disabled', true);
           $(this).css('cursor', 'not-allowed'); //additional
     });
});

JSFIDDLE