防止重復提交

Question

我有一個關於 PHP、MySQL 和使用 CodeIgniter 框架的項目，我有一個用戶提交訂單的頁面，但問題是系統需要一段時間來處理它，同時如果用戶按下提交按鈕，它將再次提交。

我想要做的是在按下按鈕后禁用該按鈕。 這是按鈕代碼

<div class="row">
    <div class="col-md-7">
        <!-- begin panel -->
             <input type="hidden" name="order_status" value="0" />
                <button  type="submit" class="btn btn-success saveit saveorderf_"><?php echo "Save";?></button>
        <!-- end panel -->
    </div>
</div>

到目前為止我嘗試過的是使用

onClick="this.disabled=true;

但它只會在沒有提交表單的情況下禁用按鈕。

任何我在這里可能會遺漏的想法。

提前致謝。

Answer 1

你可以用這個替換你的代碼：

onclick="this.disabled = true; form.submit();"

form.submit(); 會為你做這項工作

Answer 2

您可以在提交表單后禁用該按鈕。

參考： 在提交表單時禁用按鈕的最簡單方法？

 $(document).ready(function(){ $('.once-only').submit(function(){ $(this).children('button').prop('disabled', true); }); });

 <script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script> <form method="POST" class="once-only"> <input type="text" name="q"/> <button >Send</button> </form>

工作jsfiddle： http : //jsfiddle.net/gKFLG/1/