HTML登录表单if校验为真时如何正确实现页面重定向

你写的跳转逻辑不生效、触发错误提示，核心是两个代码逻辑问题：

• 校验通过的分支里你先写了return true;，return语句执行后会直接终止当前函数运行，后面写的跳转代码根本没有执行机会。
• 表单本身配置了action="login.php"的提交目标，只要check函数返回true，浏览器会立刻触发表单默认提交行为跳转至login.php，你写的前端JS重定向逻辑会被这个默认动作覆盖，来不及执行。

根据你的实际业务需求二选一即可：

• 纯前端校验、不需要把账号密码提交给后端校验的场景：校验通过后不要提前return true，先执行跳转逻辑，最后返回false阻止表单默认提交即可，修正后的JS代码如下：

function check(form) {
    if(form.userid.value == "meet" && form.pwd.value == "meet") {
        // 替换为你实际要跳转的目标地址即可
        // 不需要保留当前页浏览历史用replace，跳转后用户点返回不会回到登录页
        window.location.replace("你的目标页面地址");
        // 需要保留浏览历史、允许用户点返回回到登录页就用href赋值
        // window.location.href = "你的目标页面地址";
        return false;
    } else {
        alert("账号或密码错误");
        return false;
    }
}

• 需要后端校验账号密码的场景：不要在前端点击事件里写跳转逻辑，校验通过直接返回true让表单正常提交到login.php，由后端完成账号密码校验后，再返回重定向指令即可。

额外注意：你原代码else分支里写的#using windows replace shows incoorect id是Python风格注释，JS不支持#作为单行注释标记，正式运行时建议删掉或者改成//开头的JS标准注释，避免触发语法报错。

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