js 인증 암호 강도

2274 단어
이 글 은 우리 가 암호 의 강 도 를 검증 하 는 예 를 들 자 면, 모두 가 한 사이트 에 들 어 갈 때, 종종 먼저 하나의 계 정 을 등록 한 다음 에 비밀 번 호 를 입력 한다. 비밀 번 호 를 입력 할 때, 시스템 은 우리 가 입력 한 암호 로 구 성 된 복잡 한 정도 에 따라 당신 의 암호 강 도 를 표시 한다. 일반적으로 강 중 약 세 가지 이다.먼저 비밀번호 검증 의 원 리 를 말씀 드 리 겠 습 니 다. 원 리 는 알 겠 습 니 다. js 코드 는 쓰기 쉽 습 니 다. 오늘 코드 는 정규 표현 식 을 사용 할 것 입 니 다.먼저 비밀번호 강도 의 세 가지 등급 을 어떻게 구분 하 는 지 알려 주세요. 약 합 니 다. 보통 순수한 숫자 나 소문 자 또는 순수한 대문자 로 구성 되 는데 이런 비밀 번 호 는 비교적 간단 하기 때문에 안전 등급 이 약 합 니 다.중: 상기 상황 에서 임의의 두 가지 로 구 성 된 암호 강 도 는 중 입 니 다.강: 상술 한 세 가지 상황 이 모두 있 습 니 다.
다시 말 해 강 중 약 을 나타 내 는 세 개의 div 는 암호 입력 에 따라 대응 하 는 강 도 를 표시 합 니 다. 먼저 class 이름 이 active 인 스타일 을 쓰 고 색상 을 마음대로 쓴 다음 입력 한 암호 강도 등급 을 판단 한 후 해당 하 는 강도 의 div class 이름 을 active 로 바 꾸 면 됩 니 다.
코드 를 쓰 세 요: html:
		

css:
		

js 코드: 만년 변 하지 않 는 가 져 오기 id:
				var oPassword = document.getElementById("password");
				var oDiv = document.getElementById("intension");
				var nodes = oDiv.getElementsByTagName("div");

그리고 정규 표현 식 으로 암호 강 도 를 판단 합 니 다.
				oPassword.onkeyup = function(){
					var oValue = oPassword.value;

					for(var i = 0; i < nodes.length; i++){
						nodes[i].className = '';
					}	

					if(/\d/.test(oValue) && /[a-z]/.test(oValue) && /[A-Z]/.test(oValue)){
						nodes[2].className = "active";
					}else if(/^\d+$/.test(oValue) || /^[A-Z]+$/.test(oValue) || /^[a-z]+$/.test(oValue)){
						nodes[0].className = "active";
					}else{
						nodes[1].className = "active";
					}

				}

이렇게 해서 우리 의 비밀번호 검증 강도 가 완성 되 었 습 니 다!

좋은 웹페이지 즐겨찾기