Question

我有一个用户可以下订单的页面，订单号递增。

是否可以在此过程完成之前禁用该按钮？即在订单成功下达之前。

我的客户面临的是，当他们点击下订单按钮时，由于他们的网络不好，这个过程会变慢。在不知不觉中，他们在假设流程失败的情况下再次单击下订单。从长远来看，他们将拥有相同项目的订单（重复）。 001, 002, 003所有食物都有相同的食物，因为他们一直点击地方按钮。

代码

 public function save(Request $request)
 {
    $food = new Food(array(
        'name'  => $request->get('name'),
        'price' => $request->get('price'),
    ));

    return redirect('admin')->with('status','Order successfully placed');
}

Answer 1

您可以在使用jQuery单击“提交”按钮后禁用表单的提交按钮。

<script>
$(document).ready(function() {
    $(document).on('submit', 'form', function() {
        $('button').attr('disabled', 'disabled');
    });
});
</script>

禁用按钮直到过程完成 - Laravel

1 个答案: