实验五JavaScript密码验证的实现
一、实验目的
1) 掌握面向客户端的密码验证方法。
2) 掌握密码和源代码的保护方法。
二、实验要求
1) 下述程序都有错误,请调试程序并观察效果。
2) 总结程序中使用了哪些控制方法和函数。
3) 在实验报告中写出每个程序实现的功能及程序错误所在,并加以纠正。
三、实验内容
1、验证程序1
运行界面如下:
代码如下:
function checkinput(){
if(document.form1.pass1.value==""||document.form1.name1.value==""){
alert("请填写用户名和密码!");
document.form1.name1.focus();
}
else {
if(document.form1.pass1.value=="123"){
var text1="密码正确,欢迎"+document.form1.name1.value+"的到来";
alert(text1);
location.href="http://www.cuit.edu.cn";
}
else {
alert("密码不对,请检查您的输入!");
}
}
}
请在下面填写您的用户名和密码,然后点击“确定”。
用户名:
密 码:
2、验证程序2
运行界面如下:
代码如下:
function password() {
var testV = 1;
var pass1 = prompt('请输入密码:','');
while (testV < 3)
{
if(pass1 == "password")
{ //password为密码
alert('登陆成功!');
window.location="passed.htm"; //正确链接的URL.html
break;
}
testV+=1;
var pass1 = prompt('密码不对,请重新输入');
}
if(pass1!="password"&&testV ==3)
{
location.href="about:blank";
}
}
document.write(password());
passed.htm的代码如下:
这就是密码检验通过以后的页面!
您已经通过身份认证,辛苦,辛苦!
这个页面的使用了window.prompt()方法,只有当密码正确才可以进入页面。