javascript - 提交后等待表单响应警告

Question

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

有什么办法可以防止这种情况发生吗？

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

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

Answer 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 表单中有一个必填字段)。

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