Knockout을 사용하여 비밀번호 강도 검증을 보다 간단하게 구현하는 방법을 살펴보겠습니다. 원본 코드 보기: 코드 복사 코드는 다음과 같습니다. ;html xmlns ="http://www.w3.org/1999/xhtml"> >< body> <br>//CharMode 함수 <br>function CharMode(iN) { <br>if (iN >=48&& iN <= 57) / /숫자<BR>return1; <BR>if (iN >=65&& iN <=90) //대문자<BR>return2 <BR>if (iN >=97&& iN <=122 ) // 소문자 <BR>return4 <BR>else <BR>return8; //특수문자 <BR>} <BR>//bitTotal function <BR>function bitTotal(num) { <BR>modes =0; 🎜>for (i =0; i <4; i ) { <BR>if (num &1) 모드 <BR>num >>=1; <br>반환 모드 <br>} <br>//checkStrong 함수<br>function checkStrong(sPW) { <br>if (sPW.length <=4) <BR>return0; //비밀번호가 너무 짧습니다<BR>Modes =0; <BR>for (i =0; i < sPW.length; i ) { <BR>Modes |= CharMode(sPW.charCodeAt(i)) <BR>} <BR>return bitTotal(Modes); >} <BR>//pwStrength 함수 <BR>function pwStrength(pwd) { <BR>O_color ="#eeeeee"; <BR>L_color ="#FF0000"; <BR>M_color ="#FF9900"; >H_color =" #33CC00"; <BR>if (pwd ==null|| pwd =='') { <BR>Lcolor = Mcolor = Hcolor = O_color <BR>} else { <BR>S_level = checkStrong( pwd); <BR>스위치(S_level) { <BR>case0: <BR>Lcolor = Mcolor = O_color; <BR>case1: <BR>Lcolor = L_color; <BR>Mcolor = O_color; >break; <BR>case2: <BR>Lcolor = M_color; <BR>break; <BR>기본값: <BR>Lcolor = H_color; 🎜>document.getElementById("strength_L").style.ground = Lcolor; <BR>document.getElementById("strength_M").style.Background = Mcolor; <BR>document.getElementById("strength_H").style.back = Hcolor; <BR>return; <BR>} <BR>} 비밀번호" 크기= "10" onkeyup="pwStrength(this.value)" onblur="pwStrength(this.value)"> 비밀번호 강도: height="23" style='display: inline'> 약함 中 강함< /td>
