提交后旧 Google 表单重定向答案

【问题标题】：Old Google Form redirect after submission提交后旧 Google 表单重定向
【发布时间】：2011-05-20 20:03:36
【问题描述】：

我正在寻找一种解决方案（代码），如何在使用旧 Google 表单提交表单后将用户重定向到自定义感谢页面（不是默认的 Google 页面）。

<iframe name="hidden_iframe"
        id="hidden_iframe"
        style="display:none;"
        onload="if(submitted){window.location='http:/...yourthankyoupage.htm';}">
</iframe>
<form action="https://spreadsheets.google.com/formResponse?formkey=....."
      method="post"
      target="hidden_iframe"
      onsubmit="submitted=true;">

此代码不起作用。至少对我来说不是。有什么建议吗？

【问题讨论】：

标签： html google-forms

【解决方案1】：

这是您自己设计的表格吗？一些不错的阅读：http://morning.am/tutorials/how-to-style-google-forms/

基本上它... 替换

<form action="YOUR-EMBEDDED-GOOGLE-SPREADSHEET-LINK" method="POST">

与

<script type="text/javascript">var submitted=false;</script>
    <iframe name="hidden_iframe" id="hidden_iframe" style="display:none;"     
onload="if(submitted) {window.location='whateveryourredirectis.html';}"></iframe>
      <form action="YOUR-EMBEDDED-GOOGLE-SPREADSHEET-LINK" method="post" target="hidden_iframe" 
onsubmit="submitted=true;">

【讨论】：

只有将代码放在表单标签之间才能在 Chrome 和 IE 中使用。
它对我不起作用。编辑，让它工作，听从布赖恩的建议
morningcopy.com.au/tutorials/how-to-style-google-forms 链接已损坏。看起来应该是morning.am/tutorials/how-to-style-google-forms，但我没有能力编辑你的帖子。
@BrianStinar 如果我想显示带有成功消息的隐藏 div 标签，我应该怎么做？我不想重定向到另一个页面。我只想显示一条成功提交的消息来代替文本框和提交按钮。只使用javascript可以吗？
@BrianStinar 这是对我有用的小提琴jsfiddle.net/Ashuu/738GD 实际上，我想在提交到 Google 表单之前实施电子邮件验证，所以我使用了 webshims 但电子邮件验证无法正常工作。跨度>

【解决方案2】：

Sneaky Sheep version 2 可以自动生成必要的 html 以将表单嵌入您的网站。它会保留表单的样式表。

或者，如果您使用的是original version of Sneaky Sheep，请确保在样式部分附加正确的域名以获取样式表。

例如，我不得不改变

<link href='/static/forms/client/css/1234-formview_ltr.css' type='text/css' rel='stylesheet'>

到

<link href='https://docs.google.com/static/forms/client/css/3904611051-formview_ltr.css' type='text/css' rel='stylesheet'>

【讨论】：

【解决方案3】：

您也可以考虑其他选择。在尝试使用 Google 表单来满足我的需求之后，我不得不放弃了。我尝试了first answer 中建议的morning.am 教程和other one 中的代码生成器。在这两种情况下，我都将 Google 表单代码复制到了自己的网页，但最终破坏了 Submit 按钮。 Sneaky Sheep code generator上的其他用户也对此发表了评论。

显然，Google 表单并非旨在为填写表单的人提供任何自定义反馈。您可以在确认页面上有静态文本甚至链接，但在我的用例中，确认页面的内容取决于用户的输入。

我目前的解决方法是完全放弃 Google 表单，并自行构建查询表单。我正在使用引导表单生成器，例如http://bootsnipp.com/forms。缺点是我将不得不花更多时间自己调整表单的视觉外观。如果有更好的解决方案，我会更新这个答案。

【讨论】：