如何为Google Forms时间字段添加时长验证与确认提示？

Google Forms原生数据验证不支持跨字段的时间差校验和弹窗提示，需要借助Google Apps Script来实现需求，以下是具体方案：

实现步骤 #

1. 提交后邮件提醒（适合所有填写用户） #

这种方式对所有填写者生效，提交后若时长超8小时，会发送确认邮件提醒：

• 打开目标Google Forms，点击右上角「扩展程序」→「Apps 脚本」进入脚本编辑器
• 替换默认代码为以下内容（注意修改问题匹配的字段名）：

function onFormSubmit(e) {
  // 获取表单响应的开始/结束时间（按你表单的问题顺序调整索引）
  var startTime = e.response.getItemResponses()[0].getResponse();
  var endTime = e.response.getItemResponses()[1].getResponse();
  
  // 转换为Date对象计算时长，处理跨天情况
  var startDate = new Date('2024-01-01T' + startTime);
  var endDate = new Date('2024-01-01T' + endTime);
  if (endDate < startDate) {
    endDate.setDate(endDate.getDate() + 1);
  }
  
  var hoursDiff = (endDate - startDate) / (1000 * 60 * 60);
  
  // 时长超8小时时发送确认邮件
  if (hoursDiff > 8) {
    var respondentEmail = e.response.getRespondentEmail();
    if (respondentEmail) {
      MailApp.sendEmail({
        to: respondentEmail,
        subject: '班次时长确认提醒',
        body: '你提交的班次时长超过8小时（实际时长：' + hoursDiff.toFixed(2) + '小时），请确认是否为正确输入。'
      });
    }
  }
}

• 设置触发器：点击脚本编辑器「编辑」→「当前项目的触发器」，添加触发器，选择onFormSubmit函数，事件类型为「表单提交」

2. 实时输入弹窗提示（仅对有编辑权限的用户生效） #

普通填写者无法在Google Forms填写页注入自定义JS，仅表单编辑者可通过侧边栏实现实时校验：

• 在脚本编辑器中新建HTML文件（「文件」→「新建」→「HTML文件」），命名为ValidationSidebar，粘贴以下内容：

<!DOCTYPE html>
<html>
  <body>
    <script>
      document.addEventListener('input', function(e) {
        if (e.target.type === 'time') {
          // 匹配表单中的开始/结束时间输入框（按实际问题标题修改aria-label内容）
          var startTimeInput = document.querySelector('input[aria-label="开始时间"]');
          var endTimeInput = document.querySelector('input[aria-label="结束时间"]');
          
          if (startTimeInput && endTimeInput && startTimeInput.value && endTimeInput.value) {
            var startDate = new Date('2024-01-01T' + startTimeInput.value);
            var endDate = new Date('2024-01-01T' + endTimeInput.value);
            
            if (endDate < startDate) endDate.setDate(endDate.getDate() + 1);
            var hoursDiff = (endDate - startDate) / (1000 * 60 * 60);
            
            if (hoursDiff > 8) {
              if (!confirm('确定要输入超过8小时的班次时长吗？')) {
                endTimeInput.value = '';
              }
            }
          }
        }
      });
    </script>
  </body>
</html>

• 在脚本编辑器的主JS文件中添加以下函数：

function showValidationSidebar() {
  var html = HtmlService.createHtmlOutputFromFile('ValidationSidebar')
      .setTitle('班次时长校验');
  SpreadsheetApp.getUi().showSidebar(html);
}

• 保存后，点击脚本编辑器的「运行」按钮执行showValidationSidebar，打开表单编辑页即可看到侧边栏，输入时间时会实时触发校验弹窗

注意事项 #

• 若表单有多组时间字段，需修改脚本中的索引或选择器，批量处理每组时间对
• 实时弹窗仅对表单编辑者生效，普通填写者只能通过提交后的邮件提醒确认
• 脚本中的问题标题需和表单内的标题完全一致，否则无法匹配输入框

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