Disable jQuery UI button on submit form

Question

I have a form like this:

<form action="" method="post" id="form" name="form" enctype="multipart/form-data">
<input name="action" type="submit" value="Send" />
</form>

I am using the latest jQuery UI Button plugin. The value of the submit button MUST be sent. Is there an easy way to disable the submit button after submitting the form without using additional plugins such as "Block Submission" - http://plugins.jquery.com/project/LockSubmit

Many thanks.

Answer 1

disabled , . , disabled . setTimeout() :

$("#form").submit(function() {
    setTimeout(function() {
        // .prop() requires jQuery 1.6 or higher
        $("#form :submit").prop("disabled", true);
    }, 100);
});

:). div , .

Answer 2

= "button"

<button type="button" >not submit</button>

Answer 3

do you mean

$('#form').submit(function() {$(this).find('input:[type="submit"]').button({disabled:true})});

?

Answer 4

$('#form').submit(function() {
  $(this).find('input[type="submit"]').disable();
});