Google Script Web应用提交表单后跳转空白页问题求助

你的问题核心出在JavaScript代码的拼写错误，导致表单默认提交行为未被正确阻止，最终跳转至空白页。以下是具体修复方案：

1. 修复JavaScript拼写错误 #

在preventFormSubmit函数中，你将length误写为lenght，这会导致循环无法执行，表单的默认提交逻辑没有被拦截，提交后自然会跳转到空白页。

修正后的JavaScript代码：

<script>
function preventFormSubmit(){
  var forms = document.querySelectorAll('form');
  for (var i = 0; i < forms.length; i++){ // 修正拼写：lenght → length
    forms[i].addEventListener('submit', function(event){
      event.preventDefault();
    });
  }
}
window.addEventListener('load', preventFormSubmit);

function handleFormSubmit(formObject){
  google.script.run
    .withSuccessHandler(function() {
      document.getElementById("myForm").reset();
      // 可选：添加提交成功提示
      document.getElementById("output").innerHTML = "<p class='text-success'>提交成功！</p>";
    })
    .withFailureHandler(function(error) {
      document.getElementById("output").innerHTML = "<p class='text-danger'>提交失败：" + error.message + "</p>";
    })
    .processForm(formObject);
}
</script>

2. 简化表单提交逻辑（可选） #

你也可以直接在表单提交时阻止默认行为，去掉单独的preventFormSubmit函数，让代码更简洁：

修改HTML中的form标签：

<form id="myForm" onsubmit="event.preventDefault(); handleFormSubmit(this);">

对应简化后的JavaScript：

<script>
function handleFormSubmit(formObject){
  google.script.run
    .withSuccessHandler(function() {
      document.getElementById("myForm").reset();
      document.getElementById("output").innerHTML = "<p class='text-success'>提交成功！</p>";
    })
    .withFailureHandler(function(error) {
      document.getElementById("output").innerHTML = "<p class='text-danger'>提交失败：" + error.message + "</p>";
    })
    .processForm(formObject);
}
</script>

3. 验证GS脚本的Spreadsheet URL #

确保GS脚本中var url="urlfile"替换为你实际的Google Sheets文件URL，否则会导致数据无法保存（虽不是页面空白的直接原因，但会影响功能完整性）。

修复后测试流程 #

1. 替换或修改JavaScript代码
2. 确认GS脚本中的Spreadsheet URL正确
3. 重新部署Google Script项目并更新版本，之后测试表单提交

修改完成后，表单提交时不会再跳转至空白页，还能显示提交状态提示，提升使用体验。

内容的提问来源于stack exchange，提问作者Adryenne