<div id="sd">
<p><input type="text" id="ps2">
<span id="s"> </span></p>
</div>
<script type="text/javascript">
function $(id){return document.getElementById(id);}
$('ps2').οnblur=function()
{
var n=0,aaa;
if ($('ps2').value.length< 5) n=0; //长度小于5位
else
{
if (/\d/.test($('ps2').value)) n ++; //包含数字
if (/[a-z]/.test($('ps2').value)) n ++; //包含小写字母
if (/[A-Z]/.test($('ps2').value)) n ++; //包含大写字母
if (/\W/.test($('ps2').value)) n ++; //包含其他字符
}
switch(n)
{
case 0 :
aaa=" 密码长度至少6位"; break;
case 1 :
aaa=" 初级"; break;
case 2 :
aaa=" 中级"; break;
case 3 :
aaa=" 高级"; break;
case 4 :
aaa=" 安全级"; break;
}
$('s').style.cssText='display:inline-block;*display:inline;*zoom:1;';
//相当于float,让她左飘,*display:inline;*zoom:1;是为了去除ie6的兼容问题
$('s').innerHTML=aaa;
}
</script>
<p><input type="text" id="ps2">
<span id="s"> </span></p>
</div>
<script type="text/javascript">
function $(id){return document.getElementById(id);}
$('ps2').οnblur=function()
{
var n=0,aaa;
if ($('ps2').value.length< 5) n=0; //长度小于5位
else
{
if (/\d/.test($('ps2').value)) n ++; //包含数字
if (/[a-z]/.test($('ps2').value)) n ++; //包含小写字母
if (/[A-Z]/.test($('ps2').value)) n ++; //包含大写字母
if (/\W/.test($('ps2').value)) n ++; //包含其他字符
}
switch(n)
{
case 0 :
aaa=" 密码长度至少6位"; break;
case 1 :
aaa=" 初级"; break;
case 2 :
aaa=" 中级"; break;
case 3 :
aaa=" 高级"; break;
case 4 :
aaa=" 安全级"; break;
}
$('s').style.cssText='display:inline-block;*display:inline;*zoom:1;';
//相当于float,让她左飘,*display:inline;*zoom:1;是为了去除ie6的兼容问题
$('s').innerHTML=aaa;
}
</script>