<img src="http://files.jb51.net/file_images/article/201304/20130424155531.png?2013324155630" alt="jQueryによるパスワード強度判定の実装アイデアとcode_javascriptスキル" ><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><title></title> <br><script src="jquery-1.9.1.js" type="text/javascript"></script> <br><style type="text/css"> <br>.qiang{background:url(/images/pas4.JPG) no-repeat;width:150px;height:40px;float:left;} <br>.zhong{background:url(/images/pas3.JPG) ) no-repeat;width:150px;height:40px;float:left;} <br>.ruo{background:url(/images/pas2.JPG) no-repeat;width:150px;height:40px;float:left ;} <br>.ruox{background: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 == fullyRegex.test($(this).val())) { <br>$( '#div2').addClass('ruox'); <br>//$('#passstrength').html('小位六位的候'); //密码小位的時候,密码强度图片都灰色の <br>} <br>else if (strongRegex.test($(this).val())) { <br>$('#div2').removeClass('zhong'); '#div2').addClass('qiang'); <br>//$('#passstrength').html('强!'); //密码為八位及以上并および字母数字特殊文字三项都<br>} <br>else if (mediumRegex.test($(this).val())) { <br>$('#div2').removeClass('ruo'); #div2').addClass('zhong'); <br>//$('#passstrength').html('中!'); //密码は七位以上并および文字母、数字、特殊文字符三项中有两项,强度是中等 <br>} <br>else { <br>$('#div2').removeClass('ruox'); <br>$('#div2').addClass('ruo '); <br>//$('#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>