如何使用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（）;' 您用来禁用按钮的行之前的行