jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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>

大佬总结

以上是大佬教程为你收集整理的jquery – 使用bootbox.confirm()确认表单提交全部内容,希望文章能够帮你解决jquery – 使用bootbox.confirm()确认表单提交所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。