Question

在我的表单上，我有1个提交表单，将数据插入我的数据库。一旦用户点击提交按钮，页面花费的时间太长而无法重定向到下一页，因此用户可以在第二次，也可能是第三次点击它。在这种情况下，插入操作不止一次。

第一次点击后是否可以禁用提交按钮？或者你对我的问题有另一种解决方法。

Answer 1

如果您可以使用javascript，则可以在单击后禁用按钮。

$('.submit-button').on('click', function (e) {
	e.preventDefault();
	$(this).attr('disabled', 'disabled');
  $(this).closest('form').submit();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="">
  <input class="submit-button" type="submit">
</form>

Answer 2

有可能。只需在用户点击后将attr disabled添加到您的按钮。

使用jQuery可以这样做：

$(document).on('submit', '.my-submit-button', function(e) {
    e.preventDefault();
    $(this).attr('disabled', 'disabled');
});

Answer 3

如果您正在使用AJAX，请禁用该按钮，直到响应返回如下：

$("#btn").attr('disabled','true');

否则您可以在点击按钮时禁用按钮，并在提交成功后再次重新加载页面。它将解决您多次提交表单的问题。

$("#btn").on('click',function(){
 $("#btn").attr('disabled','true');
});

将数据插入数据库用户标题后重定向到同一个网址。

禁止多个提交

3 个答案: