如何在window.history.go(-1)跳转后用JavaScript显示验证消息？

开发者阿泽

2026-7-30

解决登录验证失败后返回页面显示错误消息的问题

你当前的问题核心是：window.history.go(-1)会立即跳转到前一页，后续的writediv()代码根本不会在跳转后的页面执行——因为跳转后当前页面已经被卸载，代码运行环境消失了。而且即使跳转成功，前一页的DOM是独立的，当前页面的JS无法操作它。

下面是两种可靠的解决方案：

方案一：利用Session存储错误信息

这是最常用的方式，适合需要保留状态的场景：

在验证失败的分支里，取消JS跳转，改用PHP的Session存储错误信息并重定向回登录页：

else{
    $_SESSION["errorMessage"] = "Invalid Credentials";
    header("Location: login3.php"); // 重定向回登录页，而非history.go
    exit();
}

在页面的HTML部分，修改message div的代码，检查Session并输出错误：

<div id="message" class="label1">
    <?php 
    if(isset($_SESSION["errorMessage"])){
        echo $_SESSION["errorMessage"];
        unset($_SESSION["errorMessage"]); // 显示后清空，避免刷新页面重复显示
    }
    ?>
</div>

方案二：利用GET参数传递错误信息

适合简单场景，不需要依赖Session：

验证失败时，重定向到登录页并携带错误参数：

else{
    header("Location: login3.php?error=invalid");
    exit();
}

在页面的HTML部分，修改message div的代码，检查GET参数并显示错误：

<div id="message" class="label1">
    <?php 
    if(isset($_GET["error"]) && $_GET["error"] == "invalid"){
        echo "Invalid Credentials";
    }
    ?>
</div>