![JavaScript前端开发案例教程](https://wfqqreader-1252317822.image.myqcloud.com/cover/909/34644909/b_34644909.jpg)
上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所示。
![](https://epubservercos.yuewen.com/CA7D4E/18504362701839206/epubprivate/OEBPS/Images/figure-0032-0016.jpg?sign=1739417950-dAb97G1HGtWQzTkhPtJRKFnRmg7vkIEu-0-418cdaa370d7158bc508e201aa5f2f32)
图1-12 验证用户输入的密码
![](https://epubservercos.yuewen.com/CA7D4E/18504362701839206/epubprivate/OEBPS/Images/figure-0032-0017.jpg?sign=1739417950-kLMsAYtGGZdmmGZtKOyslIfvYr4SJ07L-0-a9b0d9b0c389684240dfcdf3d6fb9967)
图1-13 密码输入正确效果
如果输入错误的密码,则图中的提示信息会变成“密码输入错误!”。