
上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 密码输入正确效果
如果输入错误的密码,则图中的提示信息会变成“密码输入错误!”。