在表单提交上禁用 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 属性时，它不会被提交。 解决方法是在提交表单后设置 disabled 属性。 您可以以非常短的延迟使用setTimeout() function：

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

演示在这里

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

演示在这里

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();
});