Javascript 如何允许用户只输入密码的特定字符并在HTML中验证它？

假设用户的密码是gjdA76*？sr。登录页面应该只显示3个不同的密码框-一个用于第2个字符，一个用于第4个字符，一个用于第8个字符。这意味着用户将在屏幕上输入以下输入： 第1框中的j A在第二个盒子里 ? 在第三个盒子里 使用这么多的输入，只需在HTML中验证密码。如何做到这一点

---

PS：我需要代码来完成这项工作。请不要给出关于安全性的建议。

如果我理解您的答案是正确的，那么以下可能是您的解决方案

var password = "gjdA76*?sr";
function isEqual(position) {
    return (password.charAt(position - 1) === document.getElementById('char' + position).value);
}
$('#verify').click(function() {
    var equal = isEqual(2) && isEqual(4) && isEqual(8);
  alert(equal);
});

---

验证

另请参见中的示例

---

正如前面提到的，你应该考虑一下你的安全策略。

你的问题非常不清楚。考虑安全性，在服务器端进行密码验证，而不是在带有JS的HTML中进行验证。这是安全性很高的弱点。若密码是abcdefgh，你们说用户必须输入b、d和h才能登录到Hanks，这正是我想要的。但是，需要从数据库中检查密码。它可以是任何用户的密码。那么如何做到这一点呢？如果你真的希望密码出现在客户端，你可以使用一个隐藏的输入字段。有关示例，请参见。您正在使用哪种服务器端技术？可能有一个更好的解决方案…登录页面将有一个HTML表单，用于输入用户名和密码（如前所述，这将是3个不同的字符）。现在，必须从数据库中检查此密码输入是否正确。我需要一个代码来检查密码是否正确，如果出现错误登录失败消息，它将重定向到下一页。好的，到目前为止我已经理解了。但是在服务器端可以使用什么技术呢？例如，您使用PHP还是.NET？什么样的数据库可用？如何生成HTML页面？这些是静态的还是动态生成的？好的，我写的代码。现在必须将密码字符发送到数据库。怎么做？

<input id="char2" type="password" maxlength="1">
<input id="char4" type="password" maxlength="1">
<input id="char8" type="password" maxlength="1">
<button id="verify">Verify</button>