Cómo usar la secuencia de comandos predeterminada del medidor de fuerza de contraseña de wordpress

16

He puesto en cola wordpress el medidor de seguridad de la contraseña predeterminada pero no sé cómo usarlo. Actualmente, la página de códice no proporciona 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 buzones 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, hay que poner en cola jquery y 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 para el medidor de fuerza si alguien necesita verlo. Está dentro de wp-admin/js/password-strength-meter.dev.js .

    
pregunta Sisir 16.02.2012 - 18:29

1 respuesta

5

Buena pregunta :-)

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

wordpress usa un script jQuery llamado password-strength-meter.js (que se encuentra en el directorio wp-admin / js). En realidad, solo es una función (llamada passwordStrength (f, i, d) donde f = password1, i = user_login y d = password2.) Que devuelve "stregth" (o discordancia) 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 cortos, puede copiar el password-strength-meter.js y usarlo como una especie de "jQuery plugin" - pero en mi humilde opinión, tendrá que escribir otro javascript para usarlo, dependiendo de lo que quiera lograr exactamente, cómo , y también dónde. (puede tomar el perfil de usuario.js como referencia, copiar y modificar para sus necesidades)

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

enlace

enlace

También puede encontrar un sencillo tutorial aquí que podría permitirle comprender mejor el proceso: enlace

    
respondido por el krembo99 16.02.2012 - 20:01

Lea otras preguntas en las etiquetas