JavaScript表单验证失效求助：新增函数后验证停止工作

架构老林

2026-8-14

问题排查与修复方案

核心问题1：函数重复定义，原验证逻辑被覆盖

你代码里定义了两个同名的validateForm函数，在JavaScript中，后定义的函数会直接覆盖先定义的。原来负责表单验证的第一个validateForm完全被后面的同名函数取代，导致点击提交时根本不会执行任何字段校验逻辑。

后面的无效函数代码：

function validateForm() {
    var product = document.getElementById("type").value;
    sessionStorage.product = product;

    return result; // result变量未定义，直接报错
}

核心问题2：未定义变量导致报错

第二个validateForm里的result变量既没有声明也没有赋值，调用时会抛出ReferenceError，直接阻断表单提交流程。

修复步骤

重命名并整合重复函数
删除后面那个重复的validateForm函数，把它的产品存储逻辑整合到原验证函数里，确保验证通过后再执行存储操作：

function validateForm() {
    "use strict";
    var isAllOK = false;
    gErrorMsg = "";
    var fnameOK = FName();
    var lnameOK = LName();
    var emailOK = Email();
    var addOK = Address(); // 补上原代码遗漏的分号
    var cityOk = City();
    var pnOK = PN();


    if (fnameOK && lnameOK && emailOK && addOK && cityOk && pnOK) {
        // 验证通过后执行产品存储逻辑
        var product = document.getElementById("type").value;
        sessionStorage.product = product;
        
        isAllOK = true;
    }
    else {
        alert(gErrorMsg);
        gErrorMsg = "";
        isAllOK = false;
    }

    return isAllOK;
}