Question

我正在尝试在自定义HTML页面中使用 Google文档表单。到目前为止，我已经在线生成了一个表单并从其源代码中提取了<form>部分。

到目前为止它完美无缺，但它将整个页面转移到Google的确认页面。

我想要实现的是：

不要转移到Google确认页面，只是显示表单已提交的一些小通知（例如使用Colorbox）
或者如果不可能，那么至少使确认窗口在具有受控尺寸的新窗口中播放

用于解释我的想法

这是原始表单的实时页面的链接： original form page

以下是提取的表单部分：

<form action="https://docs.google.com/spreadsheet/formResponse?formkey=dG94WjlHTzljMHdMTEZ1ek1SY0c2NVE6MQ&amp;ifq" method="POST" id="ss-form">
    <label class="ss-q-title" for="entry_0">Sample Question 1</label>
    <label class="ss-q-help" for="entry_0"></label>
    <input type="text" name="entry.0.single" value="" class="ss-q-short" id="entry_0"></div></div></div>
    <input type="hidden" name="pageNumber" value="0">
    <input type="hidden" name="backupCache" value="">
    <input type="submit" name="submit" value="Submit">
</form>

有没有办法控制提交操作的发生方式？

我知道target="_blank"也适用于表单，但我相信当有人点击提交按钮时，必须对其进行更为复杂的控制。

总结

我想在将数据发送到Google后端时在Colorbox中显示表单的确认，而不显示Google前端。有没有一种简单的方法可以解决这个问题？

Answer 1

你提到了Colorbox - 这正是我使用的。

当您实例化Colorbox时，您所要做的就是使用href参数打开指向原始表单页面的链接。此外，当您打开外部页面时，您需要使用iframe模式。

示例：

$.colorbox({href:"https://docs.google.com/spreadsheet/viewform?formkey=dG94WjlHTzljMHdMTEZ1ek1SY0c2NVE6MQ", iframe:true});

当您提交表单时，您会在Colorbox中看到Google的确认页面，然后用户可以轻松关闭它。如果需要，您应该能够为colorbox提供标题以指示它们。（使用标题：??也许？）

控制表单的提交行为

用于解释我的想法

1 个答案: