비밀번호는 이미 우리 생활과 업무에 없어서는 안 될 도구이지만, 안전하지 않은 비밀번호는 불필요한 손실을 초래할 수 있습니다. 웹사이트 디자이너로서, 사용자가 웹페이지에 입력한 비밀번호에 대한 보안 평가를 실시하고 해당 프롬프트 정보를 표시할 수 있다면 사용자가 안전한 비밀번호를 설정하는 데 큰 도움이 될 것입니다. 동시에 웹사이트를 더욱 사용자 친화적이고 매력적으로 만들어줍니다.
안전한 비밀번호란 무엇인가요? 이 프로그램은 다음과 같이 평가합니다.
1. 5자리 이상이면 취약한 비밀번호로 간주됩니다.
2. 비밀번호가 숫자, 소문자, 대문자, 기타 특수 기호로만 구성된 경우 취약한 비밀번호로 간주됩니다.
3. 비밀번호가 2종의 숫자, 소문자, 대문자, 기타 특수기호로 구성된 경우에는 비교적 안전한 비밀번호로 간주됩니다.
4. 소문자, 대문자, 기타 특수기호 3종 이상으로 구성되어 비교적 안전한 비밀번호라고 생각됩니다.
이 프로그램은 사용자가 입력하는 비밀번호에 따라 색상을 다르게 표시하여 표시합니다. 비밀번호의 강도는 다음과 같습니다.
다음은 인용문입니다.
//CharMode 함수
//캐릭터가 어떤 카테고리에 속하는지 테스트합니다.
function CharMode(iN){
if (iN>=48 && iN <=57) //Number
return 1;
if (iN>=65 && iN <=90) //대문자
return 2
if (iN>=97 && iN <=122) //소문자
return 4;
else
return 8; //특수문자
}
//bitTotal 함수
//현재 비밀번호에 몇 개의 패턴이 있는지 계산
function bitTotal(num){
modes=0;
for (i=0;i<4;i++){
if (num & 1)modes++; =1;
}
return 모드;
}
//비밀번호 강도 수준 반환
if (sPW.length< =4)
return 0; //비밀번호가 너무 짧습니다.
Modes=0
for (i=0;i
Modes|=CharMode(sPW.charCodeAt(i))
}
//pwStrength 기능
//사용자가 키보드에서 손을 떼거나 비밀번호 입력창이 포커스를 잃으면 레벨에 따라 색상이 다르게 표시됩니다
O_color= "#eeeeee";
L_color="#FF0000";
M_color="#FF9900"
H_color="#33CC00"; >if (pwd==null||pwd==) {
Lcolor=Mcolor=Hcolor=O_color;
}
else{
S_level=checkStrong(pwd)
switch(S_level) ) {
케이스 0:
Lcolor=
케이스 1:
Lcolor=L_color;
Mcolor=Hcolor=O_color;
break
Lcolor; =Mcolor=M_color;
break;
기본값:
Lcolor=Mcolor=H_color;
document.getElementById("strength_M") style.Background=Mcolor;
document.getElementById("strength_H").style.Background=Hcolor;
return;
}