【案例1-9】验证用户名和密码
一、案例描述
- 考核知识点
prompt() window对象的方法
- 练习目标
- 掌握prompt()方法。
- 需求分析
prompt()是window对象的方法,其完整写法是window.prompt(),本案例用于验证用户名和密码是否正确。
- 案例分析
- 效果如下图所示。
验证用户输入的用户名
验证用户输入的密码
- 用户名和密码输入正确
- 具体实现步骤如下:
- 将输入的用户名与正确的用户名“admin”作比较。
- 将输入的密码与正确的密码“123456”作比较.
- 如果用户名和密码输入正确,则提示“登录成功”。
- 反之输入错误,则提示“用户名或密码输入错误”
二、案例实现
根据上面的分析,可以通过简单的JavaScript代码来实现这一效果,具体代码如下:
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>验证用户名和密码</title>
- </head>
- <body>
- <script>
- // 输入用户名和密码,如果正确,给出弹出框提示“登录成功”,如果不对,提示“输入错误”
- var userName = prompt("请输入用户名");
- var passWord = prompt("请输入密码");
- if(userName =='admin' && passWord =='3456'){
- alert('登录成功')
- }
- else{
- alert('用户名或密码输入错误')
- }
- </script>
- </body>
- </html>