워드 프레스 기본 비밀번호 강도 측정기 스크립트를 사용하는 방법

워드 프레스 기본 암호 강도 측정기를 대기열에 넣었지만 사용법을 모르겠습니다. 현재 코덱 페이지 에는 설명서에 대한 링크가 없습니다. 데모 페이지 나 문서에 대한 링크가 있습니까?

해결

HTML은 매우 간단합니다. 두 개의 비밀번호 상자가 있습니다. 암호 결과를 보여주는 하나의 div와 사용자 이름을 얻기 위해 숨겨진 파일. 그리고 오프 물론 대기열이 jquery와 wp_enqueue_script('password-strength-meter');JQuery와 코드 앞에. 작동시키는 jQuery 코드는 다음과 같습니다.

    jQuery(document).ready(function(){
      if(jQuery("#pass-strength-result").length > 0){
            jQuery("#pass1").bind("keyup", function(){
            var pass1 = jQuery("#pass1").val();
            var pass2 = jQuery("#pass2").val();
            var username = jQuery("#username").val();
            var strength = passwordStrength(pass1, username, pass2);
            updateStrength(strength);
            });
            jQuery("#pass2").bind("keyup", function(){
            var pass1 = jQuery("#pass1").val();
            var pass2 = jQuery("#pass2").val();
            var username = jQuery("#username").val();
            var strength = passwordStrength(pass1, username, pass2);
            updateStrength(strength);
            });
        }
    });

function updateStrength(strength){
    var status = new Array('short', 'bad', 'good', 'strong', 'mismatch');
    var dom = jQuery("#pass-strength-result");
    switch(strength){
    case 1:
      dom.removeClass().addClass(status[0]).text('Too Short');
      break;
    case 2:
      dom.removeClass().addClass(status[1]).text("Bad Password");
      break;
    case 3:
      dom.removeClass().addClass(status[2]).text("Good Password");
      break;
    case 4:
     dom.removeClass().addClass(status[3]).text("Strong Password");
      break;
    case 5:
      dom.removeClass().addClass(status[4]).text("Mismatch");
      break;
    default:
      //alert('something is wrong!');
    }
}

올바른 방향으로 보내 주신 @ krembo99에게 감사드립니다. 누군가가 그것을 볼 필요가있는 경우 강도 측정기 의 소스 코드는 다음과 같습니다 . 내부 wp-admin/js/password-strength-meter.dev.js.

좋은 질문 :-)

나는 당신에게 문서화를 정확히 도울 수는 없지만 어떻게 작동하는지에 대한 약간의 배경을 줄 수 있습니다.

wordpress는 password-strength-meter.js (wp-admin / js에 있음) 디렉토리라는 jQuery 스크립트를 사용합니다. 실제로 "stregth"(또는 불일치)를 정수로 반환하는 함수 (passwordStrength (f, i, d), f = password1, i = user_login 및 d = password2) 만 있습니다. 이 함수를 호출하고 사용하려면 두 번째 자바 스크립트가 필요합니다 (예 : 동일한 디렉토리에 있지만 user-profile.js는 편집 프로파일 페이지에만 해당) 요컨대 암호 강도 미터를 복사 할 수 있습니다. js를 사용하여 일종의 "jQuery 플러그인"으로 사용하십시오. 그러나 IMHO에서는 정확히 달성하려는 대상, 방법 및 위치에 따라 다른 자바 스크립트를 작성하여 사용해야합니다. (user-profile.js를 참조로 사용하고 필요에 따라 복사 및 수정할 수 있습니다)

다른 사람이 당신에게 더 나은 대답을하지 않으면 (그리고 누군가가 그러기를 바랍니다) 구현하기 쉽고 문서화 된 다른 Jquery 비밀번호 강도 플러그인을 사용하는 경우가 있습니다. 해당 옵션을 선택하면 다음 목록을 찾을 수 있습니다.

http://www.webresourcesdepot.com/10-password-strength-meter-scripts-for-a-better-registration-interface/

http://www.articlediary.com/article/10-password-strength-meter-scripts-to-check-password-strength-178.html

당신은 또한 여기에 간단한 좋은 자습서를 찾을 수 당신이 더 나은 과정을 이해 할 수 있습니다 http://net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-password-strength-checker/를