开发服务器中JS alert部分失效 仅有效期校验弹窗可用问题排查

这个问题基本是代码逻辑bug叠加环境测试场景差异导致的：

• 核心问题是有效期校验分支存在非预期的提前返回语句，直接终止了后续校验逻辑执行
• 测试环境未复现是因为测试覆盖不全，没有触发到提前返回的代码路径

问题代码标注如下：

if (expdt.value == "") {
    alert("Expiration Date must be entered");
    expdt.focus();
    formSubmitted = false;
    return false;
}else
{
    var dtpattern = /(0|1)[0-9]\/(19|20)[0-9]{2}/;
    if (dtpattern.test(expdt.value))
    {
        var date_array = expdt.value.split('/');
        var month = date_array[0]-1;
        var year = date_array[1];

        source_date = new Date();

        if (year >= source_date.getFullYear())
        {
            if (month >= source_date.getMonth())
            {
                // 问题点：有效期校验通过后直接return，终止整个校验函数
                return '';
            } else {
                if (year == source_date.getFullYear())
                {
                    alert("Expiration Date: Month must be greater than or equal to current month");
                    expdt.focus();
                    formSubmitted = false;
                    return false;
                }
                // 附带逻辑漏洞：年份大于当前年、月份小于当前月时无返回语句，代码会直接往下走
            }
        } else {
            alert("Expiration Date: Year must be greater than or equal to current year");
            expdt.focus();
            formSubmitted = false;
            return false;
        }

    }
    else
    {
        alert("Expiration Date must match the format MM/YYYY");
        expdt.focus();
        formSubmitted = false;
        return false;
    }
}

// 后续卡号等校验逻辑
if (cardnumber.value == "") {
    alert("Card Number must be entered");
    cardnumber.focus();
    formSubmitted = false;
    return false;
}

顺着执行流梳理就能对应上你观察到的现象：

1. 所有有效期相关的错误场景（空值、格式错误、年份小于当前年、同年月份小于当前月），都会在弹出对应alert后直接return，这些分支完全不涉及后续逻辑，所以在开发、测试环境都能正常触发弹窗。
2. 当输入的有效期完全合法（格式正确、年月大于等于当前时间），代码会走到return ''这行直接终止整个校验函数，后续的卡号、其他字段校验根本不会执行，自然弹不出对应的alert。
3. 只有当年份大于当前年、月份小于当前月的特殊场景（比如当前是2024年5月，输入03/2025），代码才会绕过提前返回，走到后续校验逻辑。

测试环境之所以表现正常，大概率是测试时只验证了有效期的错误场景，没有覆盖「输入合法有效期后校验其他字段」的流程，刚好没触发提前返回的bug；小概率是测试用例、环境时间刚好撞上了上述特殊场景，误打误撞走到了后续逻辑。

还有小概率是开发环境的上下文问题：

• 开发环境的热更新脚本、mock脚本造成全局变量污染，或者后续校验依赖的DOM元素（比如cardnumber输入框）未正常加载、ID不一致，导致代码走到后续逻辑时抛出未捕获的JS错误中断执行，打开浏览器开发者工具的Console面板就能看到明确报错。
• 第一次弹出有效期alert时，不小心勾选了浏览器的「阻止此页面后续对话框」选项，导致后续alert被浏览器拦截。

1. 先打开开发环境Console面板，复现问题时检查是否有JS报错，优先修复DOM加载、变量冲突类问题。
2. 删除有效期校验通过分支的return ''语句，单字段校验通过时不要提前返回，等所有字段全部校验完成后，再统一返回校验结果。
3. 补全年份大于当前年时的月份判断逻辑，消除无返回值的空分支。
4. 清空浏览器缓存、关闭弹窗拦截后重试，两个环境的表现就会一致。

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