jQuery UI禁用整個頁面上的所有提交按鈕

Question

感謝您提前提供任何幫助。

請注意我正在使用jQuery UI來創建/樣式按鈕。

當用戶點擊提交按鈕時，我想使用jQuery來禁用整個頁面上所有表單上的所有提交按鈕。

這是我到目前爲止，目前它只禁用被點擊的按鈕，當我希望它禁用頁面上的所有提交按鈕。

對於jQuery用戶界面：

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

的伎倆。

Answer 2

這樣做：

<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 3

此代碼將使所有按鍵與一類.button禁用

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

，這裏是一個fiddle

Answer 4

這裏是將禁用所有按鈕的功能。

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

Answer 5

您的代碼應該是這樣的：

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