<div class="codetitle"> <span><a style="CURSOR: pointer" data="70037" class="copybut" id="copybut70037" onclick="doCopy('code70037')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code70037"> <br><html> 🎜>< ;title>비밀번호 강도 감지 효과</title> <br><script type="text/javascript"> <br>function chkpwd(obj){ <br>var t=obj.value; >var id=getResult(t); <br>//해당 메시지 프롬프트 정의<br>var msg=new Array(4) <br>msg[0]="비밀번호가 너무 짧습니다."; msg[1 ]="비밀번호 강도가 낮습니다."; <br>msg[2]="비밀번호 강도가 좋습니다." <br>msg[3]="비밀번호 강도가 높습니다." <br>var sty =new 배열(4) ; <br>sty[0]=-45; <br>sty[1]=-30; <br>sty[3]=0; <br>var col = new Array(4); <br>col[0] = "회색"; <br>col[1] = "#50AEDD" <br>col[2] = "#FF8213"; <br>col[3 ] = "green"; <br>//디스플레이 효과 설정<br>var bImg="http://download.jz123.cn/sc/pwdlen_dSIPeEGQWxfO.gif" //디스플레이용 사진 <br>var sWidth =300; <br>var sHeight=15; <br>var Bobj=document.getElementById("chkResult") <br>Bobj.style.fontSize="12px"; .color=col[ id]; <br>Bobj.style.width=sWidth "px"; <br>Bobj.style.height=sHeight "px" <br>Bobj.style.lineHeight=sHeight "px"; <br>Bobj.style.Background="url(" bImg ") 왼쪽 반복 없음" sty[id] "px" <br>Bobj.style.textIndent="20px" <br>Bobj.innerHTML=" 감지 프롬프트:" msg [id]; <br>} <br>//유효하지 않은/불량/정상/강함을 나타내기 위해 각각 0/1/2/3을 반환하는 감지 함수 정의<br>함수 getResult(s){ <br>if(s.length < 4){ <BR>return 0; <BR>} <BR>var ls = 0 <BR>if (s.match(/[a-z]/ig)){ <BR>ls ; <BR> } <BR>if (s.match(/[0-9]/ig)){ <BR>ls <BR>} <BR>if (s.match(/(.[ ^a-z0-9] )/ig)){ <BR>ls <BR>} <BR>if (s.length < 6 && ls > 0){ <BR>ls <BR> } <BR>return ls <BR>} <BR></script> <br></head> <br><body> <br>모든 종류의 웹 특수 효과가 있는 웹사이트를 알려주세요. <br>http://www.jb51.net /list/list_43_1.htm<br><br><form name="form1"> <br><label for="pwd">사용자 비밀번호</label> ; <BR><input type= "password" name="pwd" onKeyUp="chkpwd(this)" /> <br><div id="chkResult"></div> ;/양식> <a href="http://www.jb51.net/list/list_43_1.htm" target="_blank"></body></a> </div>