不允许多重提交

Question

在我的表单上，我有1个提交表单，它将数据插入我的数据库。一旦用户点击提交按钮，该页面花费很长时间才能重定向到下一页，因此用户可以一秒钟或者第三次点击它。在这种情况下插入超过1次。

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

我正在使用PHP。

Thx

Answer 1

这是可能的。在用户点击它之后，只需将attr disabled添加到您的按钮即可。

使用jQuery这是可以做到这样的：

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

Answer 2

如果你可以使用JavaScript你可以禁用按钮，单击它像这样之后。

$('.submit-button').on('click', function (e) { 
 
\t e.preventDefault(); 
 
\t $(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 3

如果你正在使用AJAX然后禁用按钮，直到响应返回如下：

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

否则你可以禁用按钮和提交成功重装后点击按钮页面。它将解决您多次提交表单的问题。

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

并将数据插入数据库用户标头后重定向到相同的URL。