修复登录按钮跳转问题：点击后无页面跳转故障排查

问题根源 #

你的登录按钮仅定义了基础元素，但未将点击事件与RedirectToLogin函数绑定，导致点击按钮时不会触发跳转逻辑，页面自然无反应。

修复方法 #

方法1：直接在按钮标签添加onclick属性 #

修改登录按钮代码，添加onclick="RedirectToLogin()"，点击按钮即可触发跳转函数：

<input id="mlButton" type="button" value="Login" onclick="RedirectToLogin()" />

方法2：用JavaScript绑定点击事件（结构逻辑分离的现代写法） #

若不想在HTML标签内嵌入事件处理代码，可在脚本中为按钮绑定点击事件：

<div class="loginContainer">
<p id="ob">Online Banking</p>
<p id="ml">Member Login</p>
<input id="userid" name="userid" type="text" placeholder="LoginID" />
<input id="mlButton" type="button" value="Login" />

<script> 
        function RedirectToLogin() { 
                var userId = document.getElementById("userid").value; 
                window.location.href = "https://www.securecuonline.com/fffcu/Login.aspx";
        } 
        // 绑定点击事件
        document.getElementById("mlButton").addEventListener("click", RedirectToLogin);
</script>

&nbsp;
<div><a class="links" href="/lost-or-stolen-card/">Lost or Stolen Card</a>
<a class="links" href="https://www.securecuonline.com/fffcu/Login.aspx">Make a Payment</a>
<a class="links" href=" https://www.securecuonline.com/fffcu/EnrollOnlineBanking.aspx">Register your account</a></div>
</div>

额外优化（可选） #

你的RedirectToLogin函数中获取了userId但未使用，若需将登录ID传递到目标页面，可修改跳转URL：

window.location.href = `https://www.securecuonline.com/fffcu/Login.aspx?userid=${encodeURIComponent(userId)}`;

目标页面即可通过URL参数获取用户输入的登录ID。

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