不允許多重提交

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。