【问题标题】:How do I Redirect to a 'Thank-You' page after form submission?提交表单后如何重定向到“感谢”页面?
【发布时间】:2016-10-11 09:41:06
【问题描述】:

我完全不知道如何将“感谢页面”提交添加到我的客户网站。我没有编码经验,只有 UI 等。

这里是相关网站的 [链接][1]。

(EDIT) 让我详细说明一下。我正在使用 Blocs(引导程序所见即所得应用程序)并且有一个表单提交。我现在需要为谷歌分析目的添加一个“谢谢”页面重定向。下面的代码是我相信能够提供帮助的:

$(function()

{ var successMsg = "您的消息已发送。"; // 成功时显示的消息。 var failMsg = "抱歉,我们的邮件服务器似乎没有响应,给您带来的不便,请见谅!"; // 失败时显示的消息。

$("input,textarea").jqBootstrapValidation(
{
    preventSubmit: true,
    submitSuccess: function($form, event)
    {
        if(!$form.attr('action')) // Check form doesnt have action attribute
        {
            event.preventDefault(); // prevent default submit behaviour

            var processorFile = "./includes/"+$form.attr('id')+".php";
            var formData = {};

            $form.find("input, textarea, option:selected").each(function(e) // Loop over form objects build data object
            {       
                var fieldData =  $(this).val();
                var fieldID =  $(this).attr('id');

                if($(this).is(':checkbox')) // Handle Checkboxes
                {
                    fieldData = $(this).is(":checked");
                }
                else if($(this).is(':radio')) // Handle Radios
                {
                    fieldData = $(this).val()+' = '+$(this).is(":checked");
                }
                else if($(this).is('option:selected')) // Handle Option Selects
                {
                    fieldID = $(this).parent().attr('id');
                }

                formData[fieldID] = fieldData;      
            });

【问题讨论】:

  • SO 不是紧急服务台,有很多关于如何重定向的教程和指南。
  • 没有任何关于使用的语言/框架的代码/信息,我们无法为您做任何事情。正如 Epodax 所说,SO 不是紧急服务台。
  • 创建一个重定向到感谢页面的函数。然后在表单提交上调用该函数。这很容易。
  • 至少说明问题。我假设您正在提交表单或其他东西???
  • 抱歉,给大家讲的更详细了。

标签: javascript php jquery contact-form


【解决方案1】:

首先,提交表单,然后赶上帖子。处理表单并重定向。

<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    // Handle your form

    // redirect
    header("Location: thank-you.php");
    exit;
}
?>
<form metod="POST" action="<?= $_SERVER['REQUEST_URI']; ?>">
    <button type="submit">Send</button>
</form>

【讨论】:

  • 嗨,彼得,您介意再详细说明一下吗?我有几个可以编辑的文件:blocs.js、bootstrap.js、formhandler.js、jqBootstrapValidation.js 或 jquery-2.1.0.js?
  • 没有 html/php 文件?
  • HTML 文件只是站点文件。然后是contact-form.php & homepage_form.php
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-09-10
  • 1970-01-01
  • 1970-01-01
  • 2012-11-11
  • 1970-01-01
  • 2020-09-13
  • 1970-01-01
相关资源
最近更新 更多