javascript - Jquery 与 Laravel 表单确认不起作用

Question

我有这个 Jquery 代码:

<script type="text/javascript">
    $('.blog-form').submit(function (e) {
        e.preventDefault();
        var blog_form = $(this);

        bootbox.confirm("Are you sure?", function (result) {
            if (result) {
                blog_form.submit();
            }
        });
    });
</script>

在我的 Laravel 表单中:

{!! Form::open(['action' => ['Test\\TestController@destroy', $thread->id], 'method' => 'delete',  'class' => 'blog-form']) !!}
{!! Form::submit('Delete', ['class' => 'btn btn-danger']) !!}
{!! Form::close() !!}

如果我按下提交按钮，则会出现确认消息。如果我按“取消”，确认信息当然会消失。所以..如果我按下“确定”按钮，那么确认消息将会淡出，但同时会弹出一条已知的确认消息。一遍又一遍地。因此，我无法在没有收到另一条确认消息的情况下按“确定”。我还无法解决这个问题。感谢您的帮助:)

Answer 1

问题是您正在调用相同的 submit() 函数，该函数是您在 jQuery 中拦截的。防止这种情况的一种方法是使用标志。

<script type="text/javascript">
    var confirmed = false;
    $('.blog-form').submit(function (e) {
        if(confirmed){
            return;
        }
        e.preventDefault();
        var blog_form = $(this);

        bootbox.confirm("Are you sure?", function (result) {
            if (result) {
                confirmed = true;
                blog_form.submit();
            }
        });
    });
</script>