如何使用jquery或javascript禁用submit类型的按钮标记

How to disable a button tag with type submit using jquery or javascript?

本文关键字：类型 按钮 submit 禁用 何使用 jquery javascript      更新时间：2023-09-26

有人能帮我弄清楚如何在提交表单时禁用类型为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;"

问题是它没有提交页面。最简单的解决方案是将按钮转换为输入，但我希望它可以作为按钮来完成

非常感谢！

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

这将解决你的问题。

在jquery解决方案中，添加'（this）.submit（）；'行BEFORE行u用于禁用按钮

相关文章：