如何在密码字段中显示 4 位数字

Question

我使用的是普通的 JS 和 JSP，其中包含普通的 HTML 标签。我有一个类型为 PASSWORD 的输入字段，其中包含的最大长度为 10 位数字。

现在我想显示字段值的最后 4 位数字，其他数字应该被屏蔽。

我没有使用 jQuery，我想在普通 JS 中使用。

那么任何人都可以建议我任何实现它的方法吗？

Answer 1

尝试按照以下步骤操作。

\n\n

\n
1. 获取密码值。
\n
2. 获取 2 个部分（最后 4 个字符和剩余的前导字符）。
\n
3. 将前导字符替换为\xe2\x80\xa2(ASCII-7字符)。
\n
4. 生成要显示的新密码（屏蔽 + 4 个可见字符）。
\n
5. 设置密码值。
\n

\n\n

看看这个小提琴。

\n\n

这是片段。

\n\n

\r\n

\r\n

var passField = document.getElementById(\'pass\');\r\npassField.type = "text";\r\nvar passValue = passField.value;\r\nvar passLength = passValue.length;\r\nvar masked = passValue.substring(0, passLength - 4);\r\nmasked = masked.replace(/./g, \'\xe2\x80\xa2\'); //The character is ASCII-7 (Press Alt+7 to type)\r\nvar text = passValue.substring(passLength - 4);\r\nvar newPass = masked + text;\r\npassField.value = newPass;

\r\n

<input type=\'password\' id=\'pass\' value="ThisIsPassword" />

\r\n

\r\n

\r\n

\n