修改 JS 联系表格以在新 window 中打开

Question

我有这个联系表格，但我对 js 一无所知，我需要当用户点击提交按钮时，表格将他发送到 "thanks" 页面。

谢谢。

                success: function() {
                    // Enable button & show success message
                    $("#btnSubmit").attr("disabled", false);
                    $('#success').html("<div class='alert alert-success'>");
                    $('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;")
                        .append("</button>");
                    $('#success > .alert-success')
                        .append("<strong>Your message has been sent. </strong>");
                    $('#success > .alert-success')
                        .append('</div>');

                    //clear all fields
                    $('#contactForm').trigger("reset");
                },
                error: function() {
                    // Fail message
                    $('#success').html("<div class='alert alert-danger'>");
                    $('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;")
                        .append("</button>");
                    $('#success > .alert-danger').append("<strong>Sorry " + firstName + ", it seems that my mail server is not responding. Please try again later!");
                    $('#success > .alert-danger').append('</div>');
                    //clear all fields
                    $('#contactForm').trigger("reset");
                },
            })
        },
        filter: function() {
            return $(this).is(":visible");
        },
    });

    $("a[data-toggle=\"tab\"]").click(function(e) {
        e.preventDefault();
        $(this).tab("show");
    });
});

// When clicking on Full hide fail/success boxes
$('#name').focus(function() {
    $('#success').html('');
});

Answer 1

只需在成功功能的末尾添加以下内容（假设您的感谢页面位于thanks.html）：

location.href="thanks.html"

或者如果您将您的联系表单详细信息传递到另一个页面（例如：contact.php），那么您可以在该页面的末尾添加它以在成功将客户端添加到数据库后重定向，或者successfulk 电子邮件功能 - 或者您正在做的任何事情。

header("Location: thanks.html");

请注意，如果您从 contact.php 页面重定向，那么您实际上不需要通过 AJAX 进行重定向 - 使用 AJAX 的主要好处是与 php 页面/数据库等和 return 内容到同一页面 - 无需重新加载页面或离开页面。如果你想离开表单提交页面，那么你真的应该直接使用表单提交到 php 页面，该页面可以处理输入并重定向到感谢页面。

修改 JS 联系表格以在新 window 中打开

Modify JS contact form to open in a new window

javascript

contact-form