php - jQuery UI 禁用整个页面上的所有提交按钮

Question

感谢您提前提供任何帮助。

请注意我正在使用 jQuery UI 来创建/样式按钮。

当用户单击提交按钮时，我想使用 jQuery 在整个页面上禁用所有表单上的所有提交按钮。

这是我到目前为止所拥有的，目前它只禁用被点击的按钮，当我希望它禁用页面上的所有提交按钮时。

对于 jQuery UI：

<script>
$(function() {
$( ".button" )
.button()
});
</script>

对于禁用按钮：

 <script>
$(function() {
$('.button').button().click(function() {
    $(this).button('disable');
    $(this).closest('form').submit();
    return false;
});
$('input:submit').button('enable');
});
</script>

提交按钮/表单如下所示：

<form enctype="multipart/form-data" action="characters.php" method="post">
<input id="c_xp" class="text" type="text" value="150001" name="c_xp">
<input id="go" class="button ui-button ui-widget ui-state-default ui-corner-all" type="submit" value="Go" role="button" aria-disabled="false">
</form>

Answer 1

做这个 ：

<script>
$(function() {
    $('.button').click(function() {
       $("input[type='submit']).button('disable');
       $(this).closest('form').submit();
       return false;
    });
$('input:submit').button('enable');
});
</script>

你可以做任何声明。

$("input[type='submit']").button('disable');
OR 
$("input[type='submit']").attr('disabled','disabled');

Answer 2

此代码将使所有具有.button禁用类的按钮

$( ".button" ).click(function() {
  $( ".button" ).button({ disabled: true });
});

这是一个小提琴

Answer 3

这是一个禁用所有按钮的功能。

function disableButtons() {
    $('input[type=button], input[type=submit]').attr('disabled', 'disabled')
}

Answer 4

您的代码应如下所示：

<script>
$(function() {
$('.button').button()(function() {
    $('input[type=button], input[type=submit]').attr('disabled', 'disabled')
    $(this).closest('form').submit();
    return false;
});
});
</script>

Answer 5

我找到了解决方案，将我们的禁用代码更改为：

<script>
$(function() {
$('.button').button().click(function() {
    $('.button').button('disable');
    $(this).closest('form').submit();
    return false;
});
$('input:submit').button('enable');
});
</script>

成功了。

Answer 6

像这样的东西...

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