JavaScript简单的校验实例

最新推荐文章于 2020-07-26 21:56:09 发布

小巫技术博客

最新推荐文章于 2020-07-26 21:56:09 发布

阅读量1.6k

点赞数

分类专栏：【脚本语言之JavaScript】

本文链接：https://blog.csdn.net/wwj_748/article/details/8214014

版权

【脚本语言之JavaScript】专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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" οnblur="checkUserName()"/></td>
	</tr>
	<tr>
	<!--设置用户邮箱-->
	<td>邮箱：</td>
	<td><input type="text" name="email" size="30" οnblur="checkUserEmail()"/></td>
	</tr>
	<tr>
	<!--设置用户密码-->
	<td>密码：</td>
	<td><input type="password" name="password" size="30" οnblur="checkUserPassword()"/></td>
	</tr>
	<tr>
	<td>确认密码：</td>
	<td><input type="password" name="resetpassword" size="30"  οnblur="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;
	}
}