자바 스크립트 사용자 등록 비밀 번호 강도 시험

<! 공용 DOCTYPE HTML "-//W3C//DTD XHTML 1.0 전환 / / 엉" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">


< html xmlns = "http://www.jzread.com/1999/xhtml" >


< 머리 id = "Head1" runat = "Server" >


< 제목 > 암호 강도 테스트 </타이틀 >
는

< / 헤드 >


< 스크립트 언어 = "자바" 유형 = "텍스트/자바 스크립트" >


//charmode 함수


//test에 속하는 어떤 종류의 문자.


기능 Charmode () {


경우 (에 > = 48 & &에 < = 57) //Digital


반환 1;


경우 (에 > = 65 & &에 < = 90) //Capital
편지

반환 2.


경우 (에 > = 97 & &에 < = 122) //lowercase


반환 4;


다른


반환 8; 특수 문자


}


//bittotal 함수


//Calculates 거기에 얼마나 많은 패턴 있는 현재 암호


함수 bittotal (num) {


모드 = 0;


대 한 (i = 0; 난 < 4; i + +) {


경우 (num & 1) 모드 + +;


num >>> = 1;


}


반환 모드;


}


//checkstrong 함수


//Returns 암호
의 강도 수준

함수 Checkstrong (sPW) {


경우 (spw.length < = 4)


반환 0; 암호가 너무 짧은


모드 = 0;

대 한
(i = 0; 난 < spw.length;i++) {

각각의 카테고리 캐릭터와 거기 얼마나 많은 패턴 계산
//test 있습니다.


모드 | = charmode (Spw.charcodeat (i));


}


반환 Bittotal (모드);


}


//pwstrength 함수


///When 사용자는 초점을 잃고 다른 수준
에 따라 다른 색상 표시를 키보드 또는 암호 입력된 상자를 해제

함수 Pwstrength (pwd) {


o_color = "#e0f0ff";


l_color = "#FF0000";


m_color = "#FF9900";


h_color = "#33CC00";


경우 (pwd = = null | | pwd = = ') {


Lcolor mcolor = hcolor = = o_color;


}


다른


{


S_level = checkstrong (PWD);


//alert (S_level);


스위치 (s_level)


{


경우 0:


Lcolor mcolor = hcolor = = o_color;


사례 1:


Lcolor = l_color;


Mcolor = hcolor = o_color;


브레이크;


사례 2:


Lcolor = mcolor = m_color;


Hcolor = o_color;


브레이크;


기본:


Lcolor mcolor = hcolor = = h_color;


}


}


document.getElementById ("strength_l"). Style.background=lcolor;


document.getElementById ("Strength_m"). Style.background=mcolor;


document.getElementById ("Strength_h"). Style.background=hcolor;


반환;


}


< / 스크립트 >


< 몸 >


< 양식 id "Form1" = >


< div >


암호 입력: < 입력 유형 = "텍스트" id "TextBox1" onkeyup = "Pwstrength (this.value)" onblur = = "Pwstrength (this.value)" >< Br >


암호 강도:


< 표 테두리 = "1" cellpadding = "1" bordercolordark = "#fdfeff" bordercolorlight = "#99ccff"


cellspacing = "1" 스타일 = "width: 200px; 디스플레이: 인라인; 배경-색상: #e0f0ff ">


< tr >


< td id = "strength_l 스타일 =" 폭: 100px; 높이: 19PX "정렬 =" 센터 ">


약한


< 신안 >


< td id = "Strength_m 스타일 =" 폭: 100px; 높이: 19PX "정렬 =" 센터 ">





< 신안 >


< td id = "Strength_h 스타일 =" 폭: 100px; 높이: 19PX "정렬 =" 센터 ">


강한


< 신안 >


< /tr >


< / 테이블 >


< / div >


< / >


< / 바디 >


< / html >