在表单提交上禁用Jquery UI按钮

Question

我有一个这样的表格：

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

我正在使用最新版本的Jquery UI Button插件。必须提交提交按钮的值。表单提交后是否有一种简单的方法可以禁用提交按钮，而无需使用其他插件，例如“锁定提交” - http://plugins.jquery.com/project/LockSubmit？

非常感谢。

Answer 1

设置元素的disabled属性时，不会提交。解决方法是在提交表单后设置禁用的属性。您可以使用setTimeout()函数，延迟时间非常短：

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

Demo here

另一个技巧是使用技巧:)您可以将原始提交按钮包装在div中并在表单提交时隐藏它。

Demo here

Answer 2

只需在按钮属性中添加type =“button”即可 像

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

Answer 3

你的意思是

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

Answer 4

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