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>
上一篇 下一篇

猜你喜欢

热点阅读