Question

在提交表单时，有人可以帮我弄清楚如何禁用类型提交的按钮标记吗？我找到的所有内容都向我展示了如何禁用类型为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" );
    });

OR：

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

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

非常感谢！

Answer 1

＆＃13;

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

＆＃13;

这将解决您的问题。

Answer 2

在你的jquery解决方案中，添加'（this）.submit（）;'在你用来禁用按钮

之前的行之前

如何使用jquery或javascript禁用类型提交的按钮标记？

2 个答案: