表单检验

哈达f

浏览: 120296 次
性别:
来自: 广西

最近访客更多访客>>

星空不远

byxsle

delyan0411

tianhandigeng

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

html+css
javascript
DOM

<!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>

分享到：

注册表单 | 类似于邮件管理，具有全选，反选功能的代码

2011-08-11 23:27
浏览 907
评论(0)
分类:Web前端
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

表单检验

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

表单检验

评论

发表评论

相关推荐

javascript中的call和apply

javascript中的this

javaScript NameSpace

注册表单

类似于邮件管理，具有全选，反选功能的代码

增加文件

二级级联下拉菜单

示例思路

浮动的广告代码

DHTML编程的一般过程

下拉列表框onchange事件

checkBox全选实现

每行间隔显示颜色

排序表格内容

列表收缩

动态创建表格，删除行列

DOM简介

javascript简介

CSS简介

HTML

最近访客更多访客>>