为何代码中onSignupSuccess函数未执行？求调试指导

核心问题 #

当前代码存在两个关键问题导致onSignupSuccess无法触发、错误提示无法区分：

1. 前端未正确使用google.script.run的withSuccessHandler绑定回调函数，且回调函数作用域存在问题
2. Google Script仅返回布尔值，无法区分「字段为空」和「邮箱重复」两种失败场景

具体修改步骤 #

1. 前端HTML/JS修改 #

• 修正google.script.run的语法，正确绑定onSignupSuccess作为成功回调
• 调整onSignupSuccess的作用域，确保能被全局访问
• 移除测试用的alert("Form Submitted")，避免干扰最终提示
• 新增表单验证逻辑，触发HTML5的required校验规则

修正后的前端脚本部分：

<script>
  function submitSUForm() {
    const form = document.getElementById('signupForm');
    // 触发HTML5表单验证
    if (!form.checkValidity()) {
      form.reportValidity();
      return;
    }

    var name = document.getElementById("signupName").value;
    var email = document.getElementById("signupEmail").value;
    var position = document.getElementById("position").value;
    var strand = document.getElementById("Strand").value;
    var section = document.getElementById("Section").value;
  
    // 正确绑定成功回调函数
    google.script.run
      .withSuccessHandler(onSignupSuccess)
      .signupUser(name, email, position, strand, section);
  }

  // 回调函数放在全局作用域，确保google.script.run能访问到
  function onSignupSuccess(result) {
    if (result.status === 'success') {
      alert('Registration Successful');
      // 清空表单
      document.getElementById('signupForm').reset();
    } else {
      alert(result.message);
    }
  }

  document.addEventListener('DOMContentLoaded', function() {
    const signupButton = document.getElementById('signupButton');

    signupButton.addEventListener('click', function() {
      console.log("Signup button clicked");
      submitSUForm();
    });
  });
</script>

2. Google Script修改 #

• 修改signupUser函数的返回值，返回包含状态和提示信息的对象，区分不同失败场景
• 修正函数参数（原定义多了password和confirmPassword，前端未传递，需删除）

修正后的Google Script：

function doGet() {
  return HtmlService.createHtmlOutputFromFile('dbpage');
}

// 删除多余的password、confirmPassword参数
function signupUser(signupName, signupEmail, position, strand, section) {
  if (signupName === '' || signupEmail === '' || position === '' || strand === '' || section === '' ) {
    return { status: 'fail', message: 'Registration failed! Please fill all required fields.' };
  }

  var sheet = SpreadsheetApp.openById('YAn_AeK3uEQK77oOtGCVOI12TJHWN0QE').getSheetByName('Login');
  var data = sheet.getDataRange().getValues();

  for (var i = 1; i < data.length; i++) {
    // 注意：数据索引对应表格列，这里假设邮箱在第2列（索引1）
    if (data[i][1] === signupEmail) {
      return { status: 'fail', message: 'Registration Failed, email exists already.' };
    }
  }
  
  // 追加新用户数据
  sheet.appendRow([signupName, signupEmail, position, strand, section]);
  
  return { status: 'success', message: 'Registration Successful' };
}

function mySleep (sec) {
  SpreadsheetApp.flush();
  Utilities.sleep(sec*1000);
}

关键说明 #

• withSuccessHandler的正确用法是先调用该方法传入回调函数，再调用后端函数，此前写法完全错误
• 通过返回对象替代布尔值，前端可以根据不同的失败原因显示精准提示
• 新增表单验证确保用户先填写所有必填字段，避免无效的后端请求

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