javascript - 在表单提交时禁用 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 按钮插件。提交按钮的值必须提交。有没有一种简单的方法可以在提交表单后禁用提交按钮，而无需使用其他插件，例如“锁定提交”-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