如何通过Google Apps Script从谷歌表格读取值实现输入验证？

一、修复后的Google Apps Script（.gs）代码 #

// 读取谷歌表格指定单元格的验证值
function fetchUserValues1() {
  // 替换成你的表格ID（从表格URL里的d/后面、/edit前面那段复制）
  const sheetId = "你的谷歌表格ID";
  // 替换成目标工作表名称+单元格，比如"Sheet1!A1"
  const range = "Sheet1!A1";
  
  try {
    const sheet = SpreadsheetApp.openById(sheetId).getRange(range);
    return sheet.getValue().toString().trim(); // 转字符串+去首尾空格，避免格式问题
  } catch (error) {
    console.error("读取表格失败:", error);
    return null;
  }
}

// 必须写这个函数，用来返回前端页面
function doGet() {
  return HtmlService.createHtmlOutputFromFile("index");
}

二、修复后的前端HTML代码（命名为index.html） #

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
    <input type="text" id="usernameInput" placeholder="输入用户名">
    <button onclick="validateUsername()">验证</button>

    <script>
      async function validateUsername() {
        const input = document.getElementById("usernameInput").value.trim();
        if (!input) {
          alert("请输入用户名");
          return;
        }

        // 用谷歌官方API调用GS函数，处理成功/失败情况
        google.script.run
          .withSuccessHandler(validValue => {
            if (!validValue) {
              alert("拿不到验证值，检查表格配置");
              return;
            }
            alert(input === validValue ? "correct" : "incorrect");
          })
          .withFailureHandler(error => {
            alert("获取验证值出错: " + error.message);
          })
          .fetchUserValues1();
      }
    </script>
  </body>
</html>

三、核心问题修复点 #

• GS函数必须开放给前端调用：
  • fetchUserValues1得是全局函数，别嵌套在其他函数里。
  • 部署Web App时，把“谁可以访问此应用”设为「任何人，甚至匿名」（测试阶段先放开），每次改代码后要重新部署更新版本。
• 表格权限与信息要准确：
  • 第一次运行脚本时会弹出授权请求，必须点击允许，不然脚本读不了你的表格。
  • 表格ID别抄错：从表格URL里提取，比如https://docs.google.com/spreadsheets/d/abc123xyz/edit里的abc123xyz就是ID。
  • 工作表名称和单元格范围要和实际表格一致，比如值在「Sheet1」的A1单元格，就写"Sheet1!A1"，大小写要匹配。
• 前端调用必须用官方API：
  • 不能用普通JS的fetch直接调用GS函数，必须用google.script.run这个谷歌提供的通信API，这是之前函数失效的大概率原因。
  • 一定要加withSuccessHandler和withFailureHandler，用来处理返回结果和捕获错误，方便排查问题。
• 数据格式要统一：
  • 把表格读取到的值转成字符串并去除首尾空格，避免因为表格里的空格、数据类型不匹配导致验证失败。

四、测试步骤 #

1. 在你的谷歌表格目标单元格里填好验证值（比如"JHON"）。
2. 在Google Apps Script编辑器里，分别保存.gs文件和index.html文件。
3. 点击「部署」→「新部署」，选择类型为「Web应用」：
   • 执行方式选「我」
   • 谁可以访问选「任何人，甚至匿名」
   • 点击部署，复制生成的URL到浏览器打开，输入用户名测试验证效果。

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