JavaScript前端开发案例教程
上QQ阅读APP看书,第一时间看更新

动手实践:验证用户输入的密码

本案例用于验证用户输入的密码是否正确。实现的方式是通过输入框获取用户输入的密码,然后进行判断。若输入正确,则提示“密码输入正确!”,否则提示“密码输入错误!”。具体示例如下。

1 <!DOCTYPE html>

2 <html>

3  <head>

4   <meta charset="UTF-8">

5   <title>验证用户输入的密码</title>

6   <script>

7    var password = prompt(’请输入密码:');

8    if (password == '123456') {

9     alert(’密码输入正确!');

10   } else {

11    alert(’密码输入错误!');

12   }

13  </script>

14  </head>

15  <body></body>

16 </html>

上述第8行代码通过将用户输入的密码与正确的密码“123456”进行比较,如果相同则执行第9行代码,如果不同则执行第11行代码。

通过浏览器测试,运行结果如图1-12所示。

输入正确的密码“123456”后单击“确定”按钮,运行结果如图1-13所示。

图1-12 验证用户输入的密码

图1-13 密码输入正确效果

如果输入错误的密码,则图中的提示信息会变成“密码输入错误!”。