JavaScript -- 正则表达式 检验表单提交的内容
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
var checkUsernameflag;
function checkUsername(inputNode)
{
var name = inputNode.value;
var namereg = new RegExp("^[a-z]{5}$", "i"); //5个字母, i 可选，忽略大小写
var returnCode = name.match(namereg);
var spanNode1 = document.getElementById("useryes");
var spanNode2 = document.getElementById("userno");
if(returnCode!=null)
{
spanNode1.style.display = "inline";
spanNode1.style.color = "green";
spanNode2.style.display = "none";
checkUsernameflag = true;
}
else
{
spanNode2.style.display = "inline";
spanNode2.style.color = "red";
spanNode1.style.display = "none";
checkUsernameflag = false;
}
}
var checkPwdflag;
function checkPwd(pwdNode)
{
var pwd = pwdNode.value;
var pwdreg = new RegExp("^[0-9]{5}$"); //5个数字
var returnCode = pwd.match(pwdreg);
var spanNode = document.getElementById("pwdspan");
if(returnCode!=null)
{
spanNode.innerHTML = "密码正确".fontcolor("green");
checkPwdflag = true;
}
else
{
spanNode.innerHTML = "密码格式对".fontcolor("red");
checkPwdflag = false;
}
}
var RecheckPwdflag;
function RecheckPwd(pwdNode)
{
var pwd2 = pwdNode.value;
var pwd1 = document.getElementsByName("passwd1")[0].value;
var spanNode = document.getElementById("repwdspan");
if(pwd2!="" && pwd1!="" && pwd1==pwd2)
{
spanNode.innerHTML = "密码确认正确".fontcolor("green");
RecheckPwdflag = true;
}
else
{
spanNode.innerHTML = "密码与上次不符".fontcolor("red");
RecheckPwdflag = false;
}
}
var checkMailflag;
function checkMail(mailNode)
{
var mail = mailNode.value;
var mailreg = new RegExp("^\\w+@\\w+(\\.\\w+)+$"); //邮件正则表达式
var returnCode = mail.match(mailreg);
var spanNode = document.getElementById("mailspan");
if(returnCode!=null)
{
spanNode.innerHTML = "邮件格式正确".fontcolor("green");
checkMailflag = true;
}
else
{
spanNode.innerHTML = "邮件格式不正确".fontcolor("red");
checkMailflag = false;
}
}
function checkSubmit()
{
if(checkUsernameflag==true && checkPwdflag==true && RecheckPwdflag==true && checkMailflag==true)
return true;
else
return false;
}
</script>
</head>
<body>
<form action="http://www.baidu.com" method="get" onsubmit="return checkSubmit()">
用户名：<input type="text" name="user" onblur="checkUsername(this)" />
<span id="useryes" style="display:none">用户名正确</span> <span id="userno" style="display:none">用户名错误</span>
<br/>
密码： <input type="password" name="passwd1" onblur="checkPwd(this)"/> <span id="pwdspan"></span>
<br/>
确认密码：<input type="password" name="passwd2" onblur="RecheckPwd(this)"/> <span id="repwdspan"></span>
<br/>
邮件地址：<input type="text" name="mail" onblur="checkMail(this)"/> <span id="mailspan"></span>
<br/>
提交： <input type="submit" name="submit" value="提交" />
</form>
</body>
</html>
