美文网首页
JavaScript实现简单的密码验证

JavaScript实现简单的密码验证

作者: Leophen | 来源:发表于2018-11-22 23:53 被阅读0次

    (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>
    

    相关文章

      网友评论

          本文标题:JavaScript实现简单的密码验证

          本文链接:https://www.haomeiwen.com/subject/ypxdqqtx.html