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

标签 javascript html jsp

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

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

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

所以有人可以建议我任何实现它的方法吗?

最佳答案

尝试执行以下步骤。

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

看看这个 fiddle .

这是片段。

var passField = document.getElementById('pass');
passField.type = "text";
var passValue = passField.value;
var passLength = passValue.length;
var masked = passValue.substring(0, passLength - 4);
masked = masked.replace(/./g, '•'); //The character is ASCII-7 (Press Alt+7 to type)
var text = passValue.substring(passLength - 4);
var newPass = masked + text;
passField.value = newPass;
<input type='password' id='pass' value="ThisIsPassword" />

关于javascript - 如何在密码字段中显示 4 位数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31788647/

相关文章:

javascript - 断言参数

javascript - 如何在 JsDoc 中记录返回的数据

html - 是否可以在作为接入点运行的 ESP8266 Web 服务器上绘制图表?

javascript - 获取表的 thead 标签内输入的 IDS

javascript - 链接 Jquery、CSS 和 JSP

javascript - Webpack dev img 文件夹始终指向 ./dist

javascript - Javascript 中函数参数的求值顺序是什么?

html - 增加 Wordpress 站点宽度 CSS

java - 你能在JSP(Firefox和IE)中获取Windows(AD)用户ID吗?

在 appengine-web.xml 中使用静态文件声明时,Javascript 文件将作为 HTML 文件提供