Question

假设用户的密码是gjdA76 *？sr。登录页面应该只显示3个不同的密码框 - 一个用于第二个字符，一个用于第四个字符，一个用于第8个字符。这意味着用户将在屏幕上输入以下输入： j在第一个方框中在第二个框中？在第三个框中使用这么多输入，只应在HTML中验证密码。怎么做？

PS：我需要代码来执行此操作。请不要提供有关安全性的建议。

Answer 1

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

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);
});

<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>

另请参阅https://jsfiddle.net/4usxrfrr/上的示例。

如前所述，您应该在此处考虑您的安全策略。

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

1 个答案: