您的位置：首页 > Web前端 > JavaScript

[JSP] 利用JavaScript来用户名和密码进行客户端的验证

2011-08-03 11:09 477 查看

利用JavaScript来用户名和密码进行客户端的验证

校验规则:

1. 用户名只能为数字/字母/英文点号(.), 且不能由数字开始, 至少4位

2. 密码不能由全部重复的字符组成, 不能由连续的数字组成(123456/654321), 至少6位

代码如下:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JavaScript测试</title>

<script type="text/javascript">
function validate()
{
var username = document.getElementById("username1").value;
var password = document.getElementById("password1").value;

//判断用户名为能为空
if(username=="")
{
alert("用户名不能为空");
returnfalse;
}
//判断用户名第一位不能为数字
if(!isNaN(username.charAt(0)))
{
alert("用户名第一个字符不能为数字");
returnfalse;
}
//判断用户名的长度不能小于4位
if(username.length <4)
{
alert("用户名不能少于4个字符");
returnfalse;

}
//用户名只能为字母数字以及(.) 英文逗点
for(var i=0;i<username.length;i++)
{
var c = username.charAt(i);

if((c>='a'&&c<='z')||(c>='A'&&c<='Z')||(!isNaN(c))||(c=='.'))
{
continue;
}
else
{
alert("用户名只能为字母数字以及(.) 英文逗点");
returnfalse;;

}
}

//判断密码的长度不能小于6位
if(password.length <6)
{
alert("密码长度不能小于6位");
returnfalse;
}
//判断密码不能由全部重复的字符组成
for(var j=0;j<password.length;j++)
{
if(password.charAt(j)!=password.charAt(j+1))
{
continue;
}
else
{
alert("密码不能由全部重复字符组成");
returnfalse;
}
}
/*
* 先判断密码是不是全由数字组成
　 * 再用循环判断他是不是连续的数字
* 这个是判断升序(123456789)
*/
if(!isNaN(password))
{
for(var k=0;k<password.length;k++)
{
if(Number(password.charAt(k))+1!== Number(password.charAt(k+1)))
{
continue;
}
else
{
alert("不能由连续的数字组成(123456789)");
returnfalse;
}
}
}
/*
* 先判断密码是不是全由数字组成
* 再用循环判断他是不是连续的数字
* 这个是判断降序(987654321)
*/
if(!isNaN(password))
{
for(var k=0;k<password.length;k++)
{
if(Number(password.charAt(k))-1!== Number(password.charAt(k+1)))
{
continue;
}
else
{
alert("不能由连续的数字组成(987654321)");
returnfalse;
}
}
}
}
</script>
</head>
<body>
<h1>JavaScript测试</h1>

<form onsubmit="return validate()" action="javascriptsuccess.jsp" method="post">
用户名:<input tyep="text" name="username" id="username1"/><br />
密码: <input type="password" name="password" id="password1"/><br />
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>

</form>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航