[해피CGI][cgimall] Password Strength Meter

HTML과 Javascript 로만 작동되는 기능이어서

첨부된 파일을 다운로드 받아서
압축을 해제하신후
index.html 을 웹브라우져로 실행해보면 확인이 됩니다.



비밀번호를 복잡하게 조합하면(영문,숫자,특수문자) 위 그림 처럼 미터기가 Very Strong 를 표시합니다.

대충 1234 나 qwer 같은 비밀번호를 입력해보면




Weak 로 미터기가 변경되는데,
프로그래스바가 움직이는 효과가 보기 좋네요.









비밀번호를 입력하다 보면
나름 규칙이 있네요.

영문만 입력하는 경우, 숫자와 섞는 경우
특수문자가 포함된 경우, 특수문자와, 영문,숫자의 배치순서 등등이 영향을 주나 봅니다.


회원가입 페이지에 달아두면 허술한 비밀번호를 사용하는 이용자들이 조금은 줄어들지 않을까 싶네요.

​

​

  ​