Cómo usar el script predeterminado de WordPress Password Strength Meter

Puse en cola el medidor de fuerza de contraseña predeterminado de WordPress, pero no sé cómo usarlo. Actualmente, la página del códice no da ningún enlace a su documentación. ¿Alguien tiene algún enlace a su página de demostración o documentación?

Resuelto

HTML es bastante simple. Habrá dos cuadros de contraseña. Un div para mostrar el resultado de la contraseña y un archivo oculto para obtener el nombre de usuario. Y, por supuesto, tiene cola jqueryy wp_enqueue_script('password-strength-meter');antes del código jQuery. Aquí está el código jQuery para que funcione:

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

Gracias a @ krembo99 por enviarme en la dirección correcta. Aquí está el código fuente del medidor de fuerza si alguien necesita verlo. Está adentro wp-admin/js/password-strength-meter.dev.js.

Buena pregunta :-)

No puedo ayudarte exactamente con la documentación, pero puedo darte un poco de información sobre cómo funciona.

WordPress utiliza un script jQuery llamado password-strength-meter.js (que se encuentra en el directorio wp-admin / js). En realidad, es solo una función (llamada passwordStrength (f, i, d) donde f = contraseña1, i = user_login yd = contraseña2.) Que devuelve la "fuerza" (o falta de coincidencia) como entero. para llamar y usar esa función, necesita un segundo javascript (por ejemplo, user-profile.js que se encuentra en el mismo directorio, pero también específico para la página de edición de perfil). En resumen, puede copiar el medidor de fuerza de la contraseña. js y úselo como un "plugin jQuery", pero en mi humilde opinión, necesitará escribir otro javascript para usarlo, dependiendo de qué es exactamente lo que quiere lograr, cómo y dónde. (puede tomar user-profile.js como referencia, copiar y modificar según sus necesidades)

Si nadie más le da una mejor respuesta (y espero que alguien lo haga), podría ser el caso simplemente usar algún otro complemento de seguridad de contraseña de Jquery que sea quizás más fácil de implementar y mejor documentado. Si elige esa opción, puede encontrar una lista aquí:

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

También puede encontrar aquí un tutorial simple y agradable que podría permitirle comprender mejor el proceso: http://net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-password-strength-checker/