<div class="codetitle"> <span><a style="CURSOR: pointer" data="31504" class="copybut" id="copybut31504" onclick="doCopy('code31504')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code31504"> <br><script type="text/javascript"> <br> //CharMode 함수<br>//캐릭터가 어떤 카테고리에 속하는지 테스트합니다. <br>function CharMode(iN){ <br>if (iN>=48 && iN <=57) //Number<BR> return 1; if (iN>=65 && iN <=90) //대문자<BR>return 2 <BR>if (iN>=97 && iN <=122) //소문자 <BR>return 4; <BR>else <BR>return 8; //특수문자<BR>} <BR><br>//bitTotal 함수<br>//현재 비밀번호에 몇 개의 패턴이 있는지 계산<BR> function bitTotal(num){ <BR>modes=0; <BR>for (i=0;i<4;i ){ <BR>if (num & 1) 모드 <BR>num>>> ;= 1; <br>} <br>return mode; <br>} <br><br>//checkStrong 함수 <br>//비밀번호 강도 수준 반환 <br><br>function checkStrong(sPW ){ <br>if (sPW.length<=4) <BR>return 0; //비밀번호가 너무 짧습니다<BR>Modes=0 <BR>for (i=0;i<sPW.length;i ) { <BR>/ /각 문자의 카테고리를 테스트하고 모드가 몇 개인지 계산합니다. <BR>Modes|=CharMode(sPW.charCodeAt(i)) <BR>} <BR><br>return bitTotal(Modes) ); <br> <br>} <br><br>//pwStrength 함수 <br>//사용자가 키보드를 놓거나 비밀번호 입력 상자가 초점을 잃을 때 레벨에 따라 다른 색상이 표시됩니다 <BR><br>함수 pwStrength(pwd ){ <br>O_color="#eeeeee"; <BR>L_color="#FF0000"; <BR>M_color="#FF9900" <BR>H_color="#33CC00"; >if (pwd== null||pwd==''){ <BR>Lcolor=Mcolor=Hcolor=O_color; <BR>} <BR>else{ <BR>S_level=checkStrong(pwd) <BR>switch (S_level) { <BR>케이스 0: <BR>Lcolor=Mcolor=Hcolor=O_color; <BR>케이스 1: <BR>Lcolor=L_color; <BR>Mcolor=Hcolor=O_color; >케이스 2: <BR>Lcolor=Mcolor=M_color; <BR>Hcolor=O_color; <BR>break; <BR>기본값: <BR>Lcolor=Mcolor=H_color; 🎜><BR>document .getElementById("strength_L").style.ground=Lcolor; <BR>document.getElementById("strength_M").style.ground=Mcolor <BR>document.getElementById("strength_H"). style.Background=Hcolor; <BR>return; <BR>} <BR></script> <br><br><br><form name=form1 action="" > <입력 유형=비밀번호 크기=10 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)> <br><br>비밀번호 강도: <br><table width="217" border= "1" cellpacing=" 0" cellpadding="1" bordercolor="#cccccc" height="23" style='display:inline'> <br><tr align="center" bgcolor="#eeeeee" > <br>< ;td width="33%" id="strength_L">약함</td> <br><td width="33%" id="strength_M">중간</td> <br>< ;td width="33%" id="strength_H">strong</td> <br></tr> <br></table><br><br> </div>
