提交后等待表单响应警告答案

【问题标题】：Pending form response warning after submit提交后等待表单响应警告
【发布时间】：2014-08-06 10:27:34
【问题描述】：

我正在通过嵌入式表单向 Google 表格提交数据。我正在使用隐藏的 iframe 方法来劫持默认的 Google 重定向到确认页面。表单提交正常，但是当我离开页面时，我会弹出一个“待处理的表单响应”警告弹出窗口。我不是通过 ajax 提交，这是一个标准的表单提交，我认为一旦调用了 onsubmit 函数，表单响应将不再处于等待状态？

任何想法如何防止这种情况？

编辑：添加代码。 formSubmitted() 函数隐藏表单并显示内联警报。

<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) {window.location='#'; formSubmitted();}"></iframe>
<form role="form" action="https://docs.google.com/forms/d/my-form-guid/formResponse" method="POST" target="hidden_iframe" onsubmit="submitted=true;">
    ...
</form>

【问题讨论】：

你能展示你的代码吗？

标签： javascript jquery forms

【解决方案1】：

我在修改通过 iframe 提交给表单的输入内容时遇到此错误。

更具体地说，我有以下几点：

$("#feedback-form").on('submit', function() {
    // Do some processing...

    // Show the user a message their form submitted and clear the inputs so they can submit again.
    $("#form-submitted").removeClass("hidden");
    $("input[name='entry.452983228'").val("");
    $("input[name='entry.455283748'").val("");
    $("input[name='entry.462384982'").val("");  
});

我认为是我在上述代码中清除输入的问题，因为我在提交完成处理之前清除了输入（并且我的 Google 表单中有一个必填字段）。

总之，也许在提交完成之前检查您是否对表单输入进行了操作。

【讨论】：