javascript - 如何使用 jquery 或 javascript 禁用带有提交类型的按钮标签？

Question

有人可以帮我弄清楚如何在提交表单时禁用带有提交类型的按钮标签吗？我找到的所有内容都向我展示了如何禁用带有提交类型的输入标记。

我目前拥有的是:

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>

这将解决您的问题。