jquery – 使用bootbox.confirm()确认表单提交

前端之家收集整理的这篇文章主要介绍了jquery – 使用bootbox.confirm()确认表单提交前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个表单,并希望拦截表单提交,以显示一个使用 bootbox的确认对话框。

>用户输入一些数据
>用户点击提交
>显示确认对话框

如果用户点击OK,那么表单应该提交,如果不是应该留在页面上。

我试过这个:

$('#myForm').submit(function() {
    return bootBox.confirm("Are you sure?");
});

但是,bootBox.confirm()立即返回,确认对话框再次被隐藏。

然后我注意到bootBox.confirm()上有一个回调参数。但是,如果要从回调函数调用$(‘#myForm’)。submit(),这显然将再次显示确认对话框。

那么确认表单提交的正确方法是什么?

解决方法

我只是通过防止默认的表单行为得到这个工作,这里是下面的解决方案。
我在表单列表中使用,每个都有一个提交删除按钮,它可以正常工作。
<script type="text/javascript">
    $('form').submit(function(e) {
        var currentForm = this;
        e.preventDefault();
        bootBox.confirm("Are you sure?",function(result) {
            if (result) {
                currentForm.submit();
            }
        });
    });
</script>
原文链接:https://www.f2er.com/jquery/183207.html

猜你在找的jQuery相关文章