密码重复验证通过后才显示跳转链接的实现问题

步骤1：给跳转链接设置初始隐藏状态 #

给目标链接添加id用于后续定位，同时通过style="display:none"让它默认隐藏，还要统一点击事件的函数名（和你的验证函数check_Password保持一致），确保验证不通过时不会触发跳转：

<a id="nextStageLink" href="mainmenu.html" onClick="return check_Password(this.form)" style="display:none">Move on the next stage</a>

步骤2：修改验证函数，添加显示链接的逻辑 #

在check_Password函数的验证通过分支里，通过DOM操作把隐藏的链接显示出来：

function check_Password(form) {
  // 替换为你的实际密码验证逻辑
  const password = form.password.value;
  const repeatPassword = form.repeatPassword.value;

  if (password !== repeatPassword) {
    // 验证不通过的处理，比如提示错误
    window.alert("密码与重复密码不匹配");
    return false;
  }

  // 验证通过的逻辑
  window.alert("ok");
  // 显示跳转链接
  document.getElementById("nextStageLink").style.display = "inline";
  return true;
}

可选优化：用CSS类控制显示隐藏 #

如果觉得内联样式不够整洁，可以定义一个CSS类来管理隐藏状态：

.hidden {
  display: none;
}

链接改为：

<a id="nextStageLink" href="mainmenu.html" onClick="return check_Password(this.form)" class="hidden">Move on the next stage</a>

验证函数里的显示逻辑改为：

document.getElementById("nextStageLink").classList.remove("hidden");

补充说明 #

你提供的跳转按钮示例（myFunction）也是通过DOM操作实现页面跳转，和这里控制链接显示的思路一致——都是通过修改元素的样式属性来改变其可见状态。

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