JavaScript简单的校验实例

bcyy

浏览: 1828089 次

最近访客更多访客>>

BeyondPC

u012363178

goober520

aoyouzi

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (3088)

社区版块

存档分类

2014-04 ( 144)
2014-03 ( 94)
2014-02 ( 41)
更多存档...

JavaScript简单的校验实例

Html代码：使用外部js文件

<!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" language="javascript" src="js/validation.js">
</script>
</head>

<body>
	<form method="POST" action="result.aspx" name="myform">
	<table>
	<tr>
	<!--设置昵称表单 -->
	<td>昵称：</td>
	<td><input type="text" name="userName" size="30" onblur="checkUserName()"/></td>
	</tr>
	<tr>
	<!--设置用户邮箱-->
	<td>邮箱：</td>
	<td><input type="text" name="email" size="30" onblur="checkUserEmail()"/></td>
	</tr>
	<tr>
	<!--设置用户密码-->
	<td>密码：</td>
	<td><input type="password" name="password" size="30" onblur="checkUserPassword()"/></td>
	</tr>
	<tr>
	<td>确认密码：</td>
	<td><input type="password" name="resetpassword" size="30"  onblur="checkResetPassword()"/></td>
	</tr>
	</table>
	</form>
</body> 
</html>

js文件：

// JavaScript Document
function checkUserName()
{
	if(document.myform.userName.value.length < 6)
	{
		alert("昵称少于6个字符");
		document.myform.userName.focus();
		return false;
	}
	return true;
}

function checkUserEmail()
{
	for(i=0; i < document.myform.email.value.length; i++)
	{
		if(document.myform.email.value.charAt(i) == "@")
		break;
	}
		if(i == document.myform.email.value.length)
		{
			alert("请输入合法的Email地址");
			return false;
		}
}

function checkUserPassword()
{
	if(document.myform.password.value == "" || document.myform.password.value==null)
	{
		alert("密码不能为空，请输入密码！");
		return false;
	}
}
function checkResetPassword()
{
	if(document.myform.resetpassword.value == "" ||document.myform.resetpassword.value==null)
	{
		alert("确认密码栏不能为空，请确认密码");
		return false;
	}
	if(document.myform.password.value != document.myform.resetpassword.value)
	{
		alert("密码与确认密码不一致！");
		return false;
	}
}

分享到：