如何使用jquery或javascript禁用類型為Submit的按鈕標簽？

Question

有人可以幫我弄清楚如何在提交表單時禁用類型為Submit的按鈕標簽嗎？ 我發現的所有內容都向我展示了如何禁用類型為Submit的輸入標簽。

我目前擁有的是：

HTML：

<form method="post" action="addBookingForm.php" id="addBookingForm" name="addBookingForm" class="form-horizontal">
<button class="btn btn-success" type="submit" id="addBooking" name="addBooking" ><span class="glyphicon glyphicon-plus"></span> Add Booking</button>

jQuery的：

    $('#addBookingForm').on('submit', function() {
        $("#addBooking").attr( "disabled", "disabled" );
    });

要么：

 onsubmit="document.getElementById('addBooking').disabled = 1;"

問題是它不提交頁面。 最簡單的解決方案是將按鈕轉換為輸入，但我希望可以將其作為按鈕完成

非常感謝！

Answer 1

 <form method="post" action="addBookingForm.php" id="addBookingForm" name="addBookingForm" class="form-horizontal"> <script> $(document).ready(function(){ $("#addBooking").attr("disabled", "disabled"); }); </script> <button class="btn btn-success" type="submit" id="addBooking" name="addBooking" ><span class="glyphicon glyphicon-plus"></span> Add Booking</button> </form> 

這樣可以解決您的問題。

Answer 2

在您的jquery解決方案中，添加'（this）.submit（）;' 您用來禁用按鈕的行之前的行