密码框-使用javascript从输入字段获取值

有人知道如何制作像密码盒一样的图像吗

此密码框将是站点/手机的第一页。用户必须插入4个数字（1-2-3-4）。如果他们没有输入1-2-3-4作为密码，他们会收到一个信息框，上面写着“错误的密码”。如果输入正确，将发送到下一页。

---

谢谢你的帮助

根据您的评论，在提供的图片中，您似乎希望向用户提供4个框，然后用户会在其中键入密码

在这种情况下，我认为您根本不需要正则表达式。在我看来，你需要做的是：

创建4个密码字段文本框

在检查密码的部分中，只需检查第一个框中存储的值是否为1，第二个框中存储的值是否为2，第三个框中存储的值是否为3，第四个框中存储的值是否为4

由于您要查找的是特定的、完整的字符串值，而不是模式，因此不需要正则表达式。

这里是一个工作示例

var密码=[1,2,3,4]；
var pwdInputs=$（“#pwdContainer输入”）；
var inputs=pwdInputs.toArray（）；
pwdInputs.keyup（函数（）{
if（this.value.length==this.maxLength）{
if（inputs.indexOf（this）=inputs.length-1）{
testPassword（）；
}否则{
$（this.next（'input'）.focus（）；
}
}
});
函数testPassword（）{
var valid=true；
对于（var i=0；i您可能需要一个（regex），它可以用来验证您的输入

正则表达式字符串看起来是这样的：
\d{4}
或
[0-9]{4}
，基本上是说严格匹配所有数字（`d'或0-9之间的数字）四次，因此只有四个数字才是有效的



使用此正则表达式验证文本框内容
^1234$
如果可能的话，我将非常感谢您提供一些代码，因为我对它知之甚少..Html/javascript以及如何插入正则表达式：）
1
、
2
等是您要匹配的实际值还是数字的通用占位符？我想设置实际数字1-2-3-4。只有按此顺序排列的4个数字才能发送到下一页：）@npinti谢谢！我现在尝试实现它。键入第一个nu后，我们如何实现它请记住，下一个插入字段将自动激活？另外，在键入最后一个数字后，框中会自动出现“错误答案”或者，如果输入了正确的数字，下一页将加载？现在它正在做你想做的事情谢谢！我现在尝试实现它。我们如何使它在输入第一个数字后，下一个插入字段将自动激活？另外，在输入最后一个数字后，框会自动出现“错误答案”或者如果键入了正确的数字，则将加载下一页？请参阅。关于第二个问题，只需在最后一个输入字段中添加一个事件侦听器，以检查所有密码是否正确，如果正确，则重定向。