<title>用户登录</title>//用户登录界面
所写代码如下:
<link href="images/login.css" rel="stylesheet" type="text/css" />//自己写好的css样式
<script type="text/javascript">
var str = "qwertyupasdfghjkzxcvbnmQWERTYUPASDFGHJKLZXCVBNM23456789";
//str验证码所需要的随机数
function yz() {
//随机出4个0-字符串长度之间的数字 做为下标
yzmStr = "";
for (var i = 1; i <= 4; i++) {
yzmStr += str.substr(Math.round(Math.random() * (str.length - 1)),
1);
}
//把验证码赋值到页面
document.getElementById("syzm").innerHTML = yzmStr;
}
function $(id) {
return document.getElementById(id);
}
function login_yz() {
//验证 用户名 和 密码不能为空
//获取用户名
var uname = $("uname").value;
if (uname.length == 0) {
alert("用户名不能为空");
return false;
}
//获取密码
var upwd = $("upwd").value;
if (upwd.length == 0) {
alert("密码不能为空");
return false;
}
//获取验证码:判断和电脑的验证码是否相等
var yzm = $("uyzm").value;
if (yzm != yzmStr) {
alert("验证码输入错误,请重新输入");
//清空输入的验证码
$("uyzm").value = "";
//重新生成验证码
yz();
return false;
//A.equalsIgnoreCase(B);//这个是大小不区分大小写(A-a)的代码
}
}
//以上内容只是一个静态页面跳转的一部分(尚未连接数据库)