javascript - 使文本框始终使用下划线仅用输入字符覆盖

Question

众所周知，某些网站使用输入字段来输入少数字符，例如 PIN 码:_ _ _ _

用户应该填写数字或其他字符。我正在寻找实现此目的的方法:

1. 页面加载时文本框中应为 _ _ _ _(很简单)。

2. 不必选择或/和删除现有字符，只需按键盘即可覆盖。

3. 如果数字字符被删除，_符号将返回(防止空格)

我尝试了 str.replace(/\s/g,'_') 和更多类似的东西，但到目前为止还没有解决问题。在这里或其他地方没有找到简单(且有效)的解决方案..

Answer 1

根据评论中的建议，您可以使用屏蔽输入库，例如 jquery.maskedinput

它使用起来非常简单，而且非常可定制。 Here's an example你想做的事情

HTML

<input type="text" id="masked" placeholder="____">

JS

$("#masked").mask("9999");