防止重复提交

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/