`
哈达f
  • 浏览: 114517 次
  • 性别: Icon_minigender_1
  • 来自: 广西
社区版块
存档分类
最新评论

表单检验

阅读更多 
<!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=utf-8" />
<title>无标题文档</title>

<style type="text/css">
#useryes,#userno{
	display:none;
	}

</style>
<script type="text/javascript" src="../Day26/doctool.js"></script>

<script type="text/javascript">

function checkUser(userNode)
{
	var name = userNode.value;
	
	//var namereg = new RegExp("^[a-z]{5}$");
	var namereg = /^[a-z]{5}$/i;
	var spanNode1 = byId("useryes");
	var spanNode2 = byId("userno");
	if(name.match(namereg))
	{
		//spanNode.innerHTML = "用户名正确".fontcolor("green");
		spanNode1.style.display = "inline";
		spanNode1.style.color = "green";
		spanNode2.style.display = "none";
	}
	else
	{
		//spanNode.innerHTML = "错误的用户名".fontcolor("red");
		spanNode2.style.display = "inline";
		spanNode2.style.color = "red";
		spanNode1.style.display = "none";
	}

}

function checkPsw(pswNode)
{
	var pass = pswNode.value;
	
	//var passreg = new RegExp("^\\d{5}$");
	var passreg = /^\d{5}$/;
	var spanNode = byId("pswspan");
	if(pass.match(passreg))
		spanNode.innerHTML = "密码正确".fontcolor('green');
	else
		spanNode.innerHTML = "密码错误".fontcolor("red");
}


function checkMail(mailNode)
{
	var mail = mailNode.value;
	var mailreg = /^\w+@\w+(\.\w+)+$/;
	var spanNode = byId("mailspan");
	if(mailreg.test(mail))
		spanNode.innerHTML = "邮件正确".fontcolor('green');
	else
		spanNode.innerHTML = "邮件错误".fontcolor("red");
	
	
}


function checkForm()
{
	//alert(document.forms[0].user.value);
	var form = doc.forms[0];
	if(checkUser(form.user) && checkPsw(form.psw))
	
}

</script>

</head>

<body>

<form action="http://127.0.0.1" onsubmit="checkForm()">

用户名称：<input type="text" name="user" onblur="checkUser(this)" />
<span id="useryes">用户名正确</span><span id="userno">用户名错误</span>
<br />
输入密码：<input type="text" name="psw" onblur="checkPsw(this)" />
<span id="pswspan"></span>
<br />
确认密码：<input type="text" name="repsw" /><br />
邮件地址：<input type="text" name="mail" onblur="checkMail(this)" />
<span id="mailspan"></span>
<br />
<input type="submit" name="提交数据" />
</form>

</body>
</html>

 

分享到：
| 类似于邮件管理，具有全选，反选功能的代码
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics