Question

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

感谢。

                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），那么您可以在该页面的末尾添加此内容，以便在将客户端成功添加到数据库后重定向，或者succdessfulk电子邮件功能 - 或者你在做什么。

header("Location: thanks.html");

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

修改JS联系表单以在新窗口中打开

1 个答案: