Question

我需要创建一个对话框窗口，要求用户在验证成功后单击按钮，点击新选项卡将打开以便他们继续进行而不被任何弹出窗口阻止程序阻止，否则需要显示消息提示。

到目前为止，我只能在成功时用URL替换窗口位置。

这是我的JS文件

$(document).ready ( function() {

    $('.promoCode').click(function() {

        // Store values in variables
        var form = $(this).closest('form');
        var name = form.find('input[name=name]');
        var id = form.find('input[name=id]');
        var submitted = form.find('input[name=submitted]');
        var visitor = form.find('input[name=visitor]');

        // Organize data
        var data = 'name=' + name.val() + '&id=' + id.val() + '&submitted=' + submitted.val() + '&visitor=' + visitor.val();

        var request = $.ajax({
            type: "POST",
            url: "/includes/_db_get_promo_code.php",
            data: data,
            dataType: "json",
            cache: false,
            success: function (html) {
                if (html) {
                    window.location.replace(decodeURIComponent(html),"_blank").focus();
                } else {
                    form.find('.error').fadeIn(500).delay(4000).fadeOut(500);
                }
            },
            error: function () {
                alert("Your Coupon Code is not valid");
            }
        });

        return false;
    });
});

我从jQuery UI页面获得了一些信息，但由于我不是js编程的大师，所以我几乎无法理解。

请帮帮我

提前致谢

Answer 1

对于您的对话框，请查看the docs at jQueryUI。然后，要使您的按钮打开一个新选项卡，请执行以下操作：

<a href="http://www.yourwebsite.com" target="_blank"><button id="purchaseButton">Purchase</button></a>

当然，使用#purchaseButton为您的按钮添加样式。

如何在处理表单时创建用户对话框

1 个答案: