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

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>