<img src="http://files.jb51.net/file_images/article/201304/20130424155531.png?2013324155630" alt="비밀번호 강도 구현 아이디어 및 code_javascript 기술에 대한 jQuery 판단" ><br><div class="codetitle"> <span><a style="CURSOR: pointer" data="91749" class="copybut" id="copybut91749" onclick="doCopy('code91749')"><u>复主代码</u></a></span> 代码如下:</div> <div class="codebody" id="code91749"> <br><head> <br><제목></제목> <br><script src="jquery-1.9.1.js" type="text/javascript"></script> <br><style type="text/css"> <br>.qiang{배경:url(/images/pas4.JPG) 반복 없음;너비:150px;높이:40px;float:왼쪽;} <br>.zhong{배경:url(/images/pas3.JPG) ) 반복 없음;폭:150px;높이:40px;float:왼쪽;} <br>.ruo{배경:url(/images/pas2.JPG) 반복 없음;폭:150px;높이:40px;float:왼쪽 ;} <br>.ruox{배경:url(/images/pas1.JPG) no-repeat;width:150px;height:40px;float:left;} <br>.div1css{float:left;width:200px; } <br></style> <br><script type="text/javascript"> <br>$(function () { <br>$('#pass').keyup(function () { <br>var StrongRegex = new RegExp("^(?=.{8,})(?=. *[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\W).*$", "g"); <br>var MediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.* [0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g"); <br>var 만큼Regex = new RegExp( "(?=.{6,}).*", "g"); <br><br>if (false == 충분Regex.test($(this).val())) { <br>$( '#div2').addClass('ruox'); <br>//$('#passstrength').html('small于六位的时候');为灰color <br>} <br>else if (strongRegex.test($(this).val())) { <br>$('#div2').removeClass('zhong') <br>$( '#div2').addClass('qiang'); <br>//$('#passstrength').html('强!') //密码为八位及以上并且字母数字特殊字符三项都包括 <br>} <br>else if (mediumRegex.test($(this).val())) { <br>$('#div2').removeClass('ruo') <br>$(' #div2').addClass('zhong'); <br>//$('#passstrength').html('中!');中有两项,强島是中等 <br>} <br>else { <br>$('#div2').removeClass('ruox') <br>$('#div2').addClass('ruo ');//$('#passstrength').html('弱!'); <br>} <br>true를 반환합니다. <br>}); <br>}) <br></script> <br></head> <br><본문> <br><div id="div1" class="div1css"> <br><input type="password" name="pass" id="pass" /></div> <br><div id="div2"><span id="passstrength"></span></div> <br></body> <br><br> </div>