Jak korzystać z domyślnego skryptu Wordpress Password Strength Meter

Zablokowałem domyślny miernik siły hasła Wordpress, ale nie wiem, jak go używać. Obecnie strona kodeksu nie podaje żadnego linku do swojej dokumentacji. Czy ktoś ma jakieś linki do strony demo lub dokumentacji?

Zdecydowany

HTML jest dość prosty. Będą dwa pola hasła. Jeden div, aby wyświetlić wynik hasła i ukryte pole, aby uzyskać nazwę użytkownika. I oczywiście, że masz kolejkę jqueryi wp_enqueue_script('password-strength-meter');przed kodem jQuery. Oto kod jQuery, aby działał:

    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!');
    }
}

Dzięki @ krembo99, aby wysłać mnie we właściwym kierunku. Oto kod źródłowy miernika siły, jeśli ktoś go potrzebuje. Jest w środku wp-admin/js/password-strength-meter.dev.js.

Dobre pytanie :-)

Nie mogę ci dokładnie pomóc z dokumentacją - ale mogę dać ci trochę informacji na temat tego, jak to działa.

wordpress używa skryptu jQuery o nazwie password-strength-meter.js (znajdujący się w katalogu wp-admin / js). W rzeczywistości jest to tylko funkcja (o nazwie passwordStrength (f, i, d), gdzie f = hasło1, i = login_użytkownika id = hasło2). Zwraca „stregth” (lub niedopasowanie) jako liczbę całkowitą. do wywołania i użycia tej funkcji potrzebujesz drugiego javascript (na przykład - user-profile.js znaleziony w tym samym katalogu - ale także specyficzny dla strony profilu edycji). W skrócie - możesz skopiować miernik siły hasła. js i użyj go jako swego rodzaju „wtyczki jQuery” - ale IMHO - będziesz musiał napisać kolejny javascript, aby go użyć - w zależności od tego, co dokładnie chcesz osiągnąć - jak i gdzie. (możesz wziąć plik user-profile.js jako odniesienie, skopiować i zmodyfikować do swoich potrzeb)

Jeśli nikt inny nie da ci lepszej odpowiedzi (i mam nadzieję, że ktoś to zrobi), może być konieczne użycie innej wtyczki siły hasła Jquery, która może być łatwiejsza do zaimplementowania i lepiej udokumentowana. Jeśli wybierzesz tę opcję - listę znajdziesz tutaj:

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

możesz również znaleźć prosty fajny samouczek, który może pomóc lepiej zrozumieć proces: http://net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-password-strength-checker/