Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用圆点制作一个输入字段掩码_Javascript_Jquery_Html - Fatal编程技术网

Javascript 用圆点制作一个输入字段掩码

Javascript 用圆点制作一个输入字段掩码,javascript,jquery,html,Javascript,Jquery,Html,我有这样一个输入字段: <input type="text" placeholder="........."> 当用户输入带有文本的字段时,我希望将点替换为字母。所以如果我在里面输入“Ha”。用户可以看到: <input type="text" placeholder="Ha......."> 其他字母也是如此 我已经看到了很多关于日期、数字和ip的例子,但仍然不确定如何将其复制到我的问题中。解决这个问题的方法会有点复杂 首先,创建一个新的重复输入,它将作为“

我有这样一个输入字段:

<input type="text" placeholder=".........">

当用户输入带有文本的字段时,我希望将点替换为字母。所以如果我在里面输入“Ha”。用户可以看到:

<input type="text" placeholder="Ha.......">

其他字母也是如此


我已经看到了很多关于日期、数字和ip的例子,但仍然不确定如何将其复制到我的问题中。

解决这个问题的方法会有点复杂

首先,创建一个新的重复输入,它将作为“占位符”,因为它将浮在实际输入字段后面。然后在实际输入上附加事件侦听器,并将值填入“占位符”


函数fillPlaceholder(){
//假设您想要9个字符作为占位符
风险价值限额=9;
var text=$(“#realInput”).val();
while(text.length
解决这个问题的方法会有点复杂

首先,创建一个新的重复输入,它将作为“占位符”,因为它将浮在实际输入字段后面。然后在实际输入上附加事件侦听器,并将值填入“占位符”


函数fillPlaceholder(){
//假设您想要9个字符作为占位符
风险价值限额=9;
var text=$(“#realInput”).val();
while(text.length
输入的预期长度是否与点的数量匹配?您尝试过什么JavaScript?我已经为项目做过这样的广告,记得这真的很痛苦。(特别是当你开始考虑移动设备时)这里有一些插件:@Halcyon:No没有预期的匹配数字。因此,我必须选择一定数量的点。输入的预期长度是否与点的数量匹配?您尝试了什么JavaScript?我已经为项目做了广告,并记住这是非常痛苦的。(特别是当你开始考虑移动设备时)这里有一些插件:@Halcyon:No没有预期的匹配数字。所以我必须选择大量的圆点。真的非常感谢你这么简短的回答。从来没有这样想过。真的谢谢你这么简单的回答。从来没有这样想过。