사용자 암호 보안을 감지 하는 간단한 JS 구현

<! 공용 DOCTYPE HTML "-//W3C//DTD XHTML 1.0 전환 / / 엉" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
< html xmlns = "http://www.w3.org/1999/xhtml" < 머리 >

< 메타 http-equiv = "콘텐츠 유형" 콘텐츠 = "text/html; Charset = u t f-8 "/ & gt
< 제목 > 사용자 암호 보안을 감지 하 간단한 JS 구현 < / 제목 & gt
< 스크립트 언어 자바 = >
/ / Charmode 기능 문자 유형을
기능 Charmode의 일부인
//tests (에서) {
경우 (에 > = 48 & &에 < = 57)
번호 / 1.
반환 나 F (에서 > = 65 & &에 < = 90) //capital 편지

2 반환 (에서 > = 97 & &에 < = 122) //lowercase
반환 4.
다른
반환 8; //special 문자
}
//bittotal 함수
//The 현재 암호에서 모드의 총 수는 계산된
함수 bittotal (num) {
모드 = 0;
fo R (i = 0; 난 < 4; i + +) {
경우 (num & 1) 모드 + +;
Num >>> = 1.
}
반환 모드;

} //checkstrong 기능
//Return 암호 강도 레벨
기능 Checkstrong (sPW) {
경우 (spw.length < = 4)
반환 합니다 0; //password 너무 짧은
모드 = 0;
위한 (i = 0; 난 < spw.length;i++) {
//test 각각의 카테고리 문자 및 모드
모드의 총 수 | charmode (Spw.charcodeat (i)); =
}
반환 Bittotal (모드);

} //pwstrength 기능
//When 사용자 자료 키보드 또는 암호 입력된 상자 포커스를 잃을 다른 색상에 따라 서로 다른 수준의
표시 기능 Pwstrength (pwd) {
o_color = "#eeeeee ";
l_color = "#FF0000";
m_color = "#FF9900";
h_color = "#33CC00";
경우 (pwd = = null | | pwd = = ') {
Lcolor = mcolor = hcolor = o_color;
}
다른 {
S_level checkstrong (pwd).
스위치 (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;
반환;

} < / 스크립트 & gt
< / 머리 & gt
< 몸 >

< 양식 이름 "Form1" 액션 = = ""
입력 암호: < 입력 유형 = "암호" onkeyup = "Pwstrength" (this.value) "onblur =" Pwstrength (this.value) ">< br & gt
암호 강도: < 테이블 너비 =" 217 "국경 =" 1 "cellspacing =" 0 "cellpadding =" 1 " Bordercolor = "#cccccc"
높이 = "스타일 =" 표시: 인라인
< tr 정렬 = "센터" bgcolor = "#eeeeee" >
< td 폭 "33%" id = "strength_l" = > 약한 < 신안 >
< td width = "33%" id = "strength_m" >< 신안 >
< TD 폭 "33%" id = "Strength_h" = > 강한 < 신안 > < /tr >

< / 테이블 >
< / 양식 >
< p 스타일 = "여백-가기: 50 픽셀;" > 더 많은 코드를 찾아, 방문 하시기 바랍니다: <는 href = "http://www.jzread.com" 대상 "_blank" = > 웹 페이지 제작 튜토리얼 < /a >< /p >
< / 바디 >
< / html >