JavaScript实现简单的密码验证
2018-11-22 本文已影响0人
Leophen
(1)默认密码是:123456
(2)打开页面时,弹出输入框“请输入密码”,当密码输入正确时,弹出输入框”请再次输入密码“
打开.jpg再次输入.jpg
(3)当密码输入错误时,重新弹出输入框“请输入密码”,直到输入正确,然后弹出输入框”请再次输入密码“
打开.jpg
输入正确.jpg
一开始误会首次输入错误时弹出的输入框,代码如下:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>验证密码</title>
</head>
<body>
<script>
var pwd,pwdAgain;
var pwd=prompt("请输入密码");
do{
var pwdAgain=prompt("请再次输入密码");
if(pwdAgain==123456){
alert("密码正确");
break;
}
}
while(pwdAgain!=123456);
</script>
</body>
</html>
改进后的代码(用两次do-while循环即可实现):
<html>
<head lang="en">
<meta charset="UTF-8">
<title>验证密码</title>
</head>
<body>
<script>
var pwd, pwdAgain;
do {
pwd = prompt("请输入密码");
}
while (parseInt(pwd) != 123456);
do {
pwdAgain = prompt("请再次输入密码");
}
while (pwd != pwdAgain);
alert("密码正确");
</script>
</body>
</html>