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>


 

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xj626852095/article/details/17061677
想对作者说点什么? 我来说一句

用户注册表单提交验证

2011年08月31日 188KB 下载

没有更多推荐了,返回首页

不良信息举报

JavaScript -- 正则表达式 检验表单提交的内容

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭