java_web04
<script type="text/javascript">
//页面载入函数
$(function(){undefined
myf();
//给验证码添加点击事件
$("#yzm").click(function(){undefined
myf();//刷新
})
})
//随机验证码=刷新验证码
function myf(){undefined
//数组下标：0-33
var arr=new Array(2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');
//js的随机数 无限逼近0-1的小数 逼近0-33 四舍五入
var str="";//拼接
for(var i=0;i<4;i++){undefined
var a=Math.round(Math.random()*33);//随机下标
//console.info(arr[a]);//根据下表取元素
str+=arr[a];//自身拼接
}
//给span标签赋值
$("#yzm").html(str);//赋值
}
//验证登录
function yzLogin(){undefined
//依次取用户名、密码、输入的验证码以及随机产生的验证码
var name=$("#xx").val();
var pwd=$("#yy").val();
var yzm1=$("#zz").val();
var yzm2=$("#yzm").html();//拿值
if(name==""){undefined
alert("用户名不能为空");
return false;
}
if(pwd==""){undefined
alert("密码不能为空");
return false;
}
if(yzm1==""){undefined
alert("验证码不能为空");
return false;
}
else{//说明验证码不为空的情况下
if(yzm1!=yzm2){//不一致
alert("验证码有误");
myf();//刷新验证码
$("#zz").val("");//清空文本框
return false;
}
}
return true;
}
</script>
</head>
<body>
<form action="dologin.jsp" method="post" οnsubmit="return yzLogin()">
<div id="login">
<div id="top">
<div id="top_left"><img src="images/login_03.gif" /></div>
<div id="top_center"></div>
</div>
效果：
登录
新闻增加
