Hide (or disable) submit button when user clicks on it

Question

I am working on development of an application using CakePHP framework.

We all have clients that click several times on the submit button.

How can I hide or (even better) disable the submit button when a user clicks on it?

On the internet I found several Javascripts that can do it, but I need help to integrate it into my CakePHP script.

Answer 1

Put this on the submit button:

onclick="this.disabled=true;return true;" 

example

    <input type=submit value='submit'
onClick='this.disabled=true;doSection(loading);return true;'> 

using jquery

 $("form").submit(function() {
            $(":submit", this).attr("disabled", "disabled");
          });

Answer 2

To follow up on what JapanPro said, if you want to place an onClick event in your submit field then you will need to use the form helper's submit function instead of the end() function. (CakePHP 1.2)

<?php echo $form->submit('Submit', array('onClick' => 'alert("Test");')); ?>

This also means you will need to manually close the form.

</form>

Id recommend using jQuery to handle this