PasswordStrength jquery_jquery를 기반으로 한 비밀번호 강도 감지 코드 사용 소개

예 보기: 데모 패키지 다운로드

사용하기 쉽습니다.

코드 복사 코드는 다음과 같습니다.

$('#pass').passwordStrength ()

XHTML

코드 복사 코드는 다음과 같습니다.

<p><label>비밀번호를 입력하세요:</label>
<input type="password" id="pass" class="input" /></p>
<div id="passwordStrengthDiv" class="is0"></div>
<p><label>비밀번호 확인: </label>

참고: id#passwordStrengthDiv의 DIV는 강도 이미지를 로드하는 데 사용됩니다. ID를 호출할 때 매개변수에 값을 할당하려면:

코드 복사 코드는 다음과 같습니다.

targetDiv : '#ID' / /로드된 이미지의 ID 사용자 정의

JS 및 CSS 로드:

코드 복사 코드는 다음과 같습니다.

<link rel="stylesheet" type="text/css" href="style/main.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.passwordStrength. js"></script>
<script type ="text/javascript">
$(function(){
$('#pass').passwordStrength();
})
</script>