账号注册，密码安全级别提示（弱、中、强）代码

依照惯例先让各位看官看下效果，然后再看代码

<input id="passw" type="password" />
     <div class="maxdiv" >
        <div></div>
        <div></div>
        <div></div>
     </div>
 <span></span>

.maxdiv div{
            height:10px;
            width:20px;
            border:1px solid #000;
            float:left;
            margin:20px 2px 0px 5px;
        }

下面就看js啦...

$(function(){
            $(".maxdiv").hide();
            $("#passw").keyup(function(){
                var yell=/^w+$/;
                var vhtml=$("#passw").val();
                if(yell.test(vhtml)==true && vhtml.length>=6 && vhtml.length<8 )
                {
                    $(".maxdiv").show();
                    $(".maxdiv :first").attr("style","background:red");
                    $(".maxdiv :gt(0)").attr("style","");
                    $('span').text("弱");
                }else if(yell.test(vhtml)==true && vhtml.length>=8 && vhtml.length<10 || vhtml.indexOf("@")>0 && vhtml.indexOf(".")<0)
                {
                    $(".maxdiv").show();
                    $(".maxdiv :lt(2)").attr("style","background:yellow");
                    $(".maxdiv :last").attr("style","");
                    $('span').text("中");
                }else if (yell.test(vhtml)==true && vhtml.length>=8 && vhtml.length<10 || vhtml.indexOf(".")>0 && vhtml.indexOf("@")<0 )
                {
                    $(".maxdiv").show();
                    $(".maxdiv :lt(2)").attr("style","background:yellow");
                    $(".maxdiv :last").attr("style","");
                    $('span').text("中");
                }
                else if (vhtml.indexOf("@")>0 && vhtml.indexOf(".")>0 || vhtml.indexOf("*")>0  &&  vhtml.length>=10 )
                {
                    $(".maxdiv").show();
                    $(".maxdiv div").attr("style","background:green");
                    $('span').text("强");
                }
                if(vhtml.length<6)
                {
                    $(".maxdiv").hide();
                    $(".maxdiv div").attr("style","");
                    $('span').html("");
                }
            });
        })