静态页面--登录的表单验证

1.先写一个随机得到验证码的方法

        var str = "qwertyupasdfghjkzxcvbnmQWERTYUPASDFGHJKLZXCVBNM23456789";

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;

}

2.分别验证用户，密码和验证码

用下面这个方法来获取id

function $(id) {
return document.getElementById(id);

}

function login_yz() {
2.1：验证 用户名 和 密码不能为空

//获取用户名

var uname = $("uname").value;

if(uname.length==0){
alert("用户名不能为空");

return false;

}

//获取密码

var upwd = $("upwd").value;

if(upwd.length==0){
alert("密码不能为空");

return false;

}

//获取验证码:判断和电脑的验证码是否相等

var b=yzmStr.toLowerCase();//实现验证方法不区分大小写

var yzm = $("uyzm").value;

if(yzm!=b){
alert("验证码输入错误，请重新输入");

//清空输入的验证码

$("uyzm").value="";

yz();//重新生成验证码

return false;

}

}