【案例1-9】验证用户名和密码
一、案例描述
- 考核知识点
prompt() window对象的方法
- 练习目标
- 需求分析
prompt()是window对象的方法,其完整写法是window.prompt(),本案例用于验证用户名和密码是否正确。
- 案例分析
- 效果如图1-12所示。

- 验证用户输入的用户名

- 验证用户输入的密码

- 用户名和密码输入正确
- 具体实现步骤如下:
- 将输入的用户名与正确的用户名“admin”作比较。
- 将输入的密码与正确的密码“123456”作比较.
- 如果用户名和密码输入正确,则提示“登录成功”。
- 反之输入错误,则提示“用户名或密码输入错误”
二、案例实现
根据上面的分析,可以通过简单的JavaScript代码来实现这一效果,具体代码如下:
-
- 验证用户名和密码
-
- // 输入用户名和密码,如果正确,给出弹出框提示“登录成功”,如果不对,提示“输入错误”
- var userName = prompt("请输入用户名");
- var passWord = prompt("请输入密码");
- if(userName =='admin' && passWord =='3456'){
- alert('登录成功')
- }
- else{
- alert('用户名或密码输入错误')
- }
-