Question

我正在寻找一个解决方案（代码）如何在用旧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;">

此代码无效。至少不适合我。有什么建议吗？

Answer 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;">

Answer 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'>

Answer 3

您还可以考虑其他选项。在花费无数个小时试图激活Google Forms以满足我的需求后，我不得不放弃。我按照first answer中的建议和other one中的代码生成器尝试了 morning.am 教程。在这两种情况下，我都将Google表单代码复制到我自己的网页，但最终违反了Submit按钮。 Sneaky Sheep code generator上的其他用户也对此进行了评论。

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

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

提交后，旧的Google表单重定向

3 个答案: