Question

我有2个HTML输入字段：

<input type="password" maxlength="4" id="fakepassword" />
<input type="hidden" maxlength="8" id="password" />

如何在键入时以及焦点在假密码上时，如何在密码字段中插入值？我试图通过OnkeyUp事件从fakepassword获取值，但我被卡在maxlength 有没有办法从键盘按下获得价值？

我真正的问题是，我有一个登录表单，我希望我的密码字段只显示4个字符，无论我放入多少字符。

请帮忙。

Answer 1

您可以在jquery中捕获事件：

$('#fakepassword').on('keyup', function(e){
    console.log(String.fromCharCode(e.keyCode)); //this logs the letter to the console.
});

Answer 2

您是否只想在UI中使用此功能？因此，作为安全预防措施，用户无法看到实际密码的长度？您可以将图像放在密码字段的顶部，然后将其单击传递到实际的密码字段。

<div id="pass_div">
    <input type="password" name="pass" id="pass" />
    <img id="pass_img" src="" />
</div>

#pass_img将涵盖实际密码输入，＆＃34;隐藏＆＃34;它。我找到的图片仅用于演示目的。请找到或做一个更好的。

http://jsfiddle.net/4ssWe/

<div id="pass_div">
    <input type="password" name="pass" id="pass" />
    <img id="pass_img" src="http://i.imgur.com/1JthtLK.gif" />
</div>

#pass_div {
    position: relative;
    display: inline-block;
}
#pass_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

假输入文本JavaScript

2 个答案: