[原创 js]验证表单强度的js
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<input type="text" id="test" />
<script type="text/javascript">
function validate(value,lengthObj){
var type;
if(/^\s*$/.test(value))
{
type = 0;
}
else if(/^[a-z]+$/.test(value))
{
type = 1;
}
else if(/^[A-Z]+$/.test(value))
{
type = 1;
}
else if(/^[0-9]+$/.test(value))
{
type = 1;
}
else if(value.length <= lengthObj.leavl1)
{
type = 2;
}
else if(value.length > lengthObj.leavl1 && value.length <= lengthObj.leavl2)
{
type = 3;
}
else if(value.length > lengthObj.leavl2)
{
type = 4;
}
return type;
}
var input = document.getElementById("test");
input.onblur = function(){
var type = validate(input.value,{leavl1:5,leavl2:10});
switch (type)
{
case 0 :
alert("密码不能为空！");
break;
case 1 :
alert("您输入的密码过于简单，不要使用纯数字或纯大/小字母的组合！");
break;
case 2 :
alert("您输入的密码长度过短，一级强度密码！");
break;
case 3 :
alert("您输入的密码长度一般，二级强度密码！");
break;
case 4 :
alert("您输入的密码很安全，三级强度密码！");
break;
}
}
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<input type="text" id="test" />
<script type="text/javascript">
function validate(value,lengthObj){
var type;
if(/^\s*$/.test(value))
{
type = 0;
}
else if(/^[a-z]+$/.test(value))
{
type = 1;
}
else if(/^[A-Z]+$/.test(value))
{
type = 1;
}
else if(/^[0-9]+$/.test(value))
{
type = 1;
}
else if(value.length <= lengthObj.leavl1)
{
type = 2;
}
else if(value.length > lengthObj.leavl1 && value.length <= lengthObj.leavl2)
{
type = 3;
}
else if(value.length > lengthObj.leavl2)
{
type = 4;
}
return type;
}
var input = document.getElementById("test");
input.onblur = function(){
var type = validate(input.value,{leavl1:5,leavl2:10});
switch (type)
{
case 0 :
alert("密码不能为空！");
break;
case 1 :
alert("您输入的密码过于简单，不要使用纯数字或纯大/小字母的组合！");
break;
case 2 :
alert("您输入的密码长度过短，一级强度密码！");
break;
case 3 :
alert("您输入的密码长度一般，二级强度密码！");
break;
case 4 :
alert("您输入的密码很安全，三级强度密码！");
break;
}
}
</script>
</body>
</html>
