Como usar o script padrão Wordpress Strength Strength Meter

16

Eu enfileirei o medidor de força de senha padrão do wordpress, mas não sei como usá-lo. Atualmente, a página do códice não fornece nenhum link para sua documentação. Alguém tem algum link para sua página de demonstração ou documentação?

Resolvido

HTML é bem simples. Haverá duas caixas de senha. Uma div para mostrar o resultado da senha e um campo oculto para obter o nome de usuário. E claro que você tem o enqueue jquery e wp_enqueue_script('password-strength-meter'); antes do código jQuery. Aqui está o código jQuery para fazer funcionar:

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

Obrigado ao @ krembo99 para me enviar na direção certa. Aqui está o código-fonte do medidor de força se alguém precisar ver. Está dentro de wp-admin/js/password-strength-meter.dev.js .

    
por Sisir 16.02.2012 / 18:29

1 resposta

5

Boa pergunta: -)

Eu não posso ajudá-lo com documentação, mas posso dar um pouco de como isso funciona.

O wordpress usa um script jQuery chamado password-strength-meter.js (encontrado no diretório wp-admin / js). Na verdade, é apenas uma função (chamada passwordStrength (f, i, d) em que f = senha1, i = user_login e d = senha2.) Que retorna o "stregth" (ou incompatibilidade) como inteiro. para chamar e usar essa função, você precisa de um segundo javascript (por exemplo - user-profile.js encontrado no mesmo diretório - mas também específico para a página de edição de perfil) Em shorts - você pode copiar o senha-strength-meter.js e usá-lo como um "plugin jQuery" de tipos - mas IMHO - você precisará escrever outro javascript para usá-lo - dependendo do que exatamente você deseja alcançar - como e também onde. (você pode pegar o user-profile.js como referência, copiar e modificar para suas necessidades)

Se ninguém mais lhe der uma resposta melhor (e espero que alguém o faça) Pode ser o caso de usar apenas outro plugin de força de senha do Jquery que talvez seja mais fácil de implementar e melhor documentado. Se você escolher essa opção - Você pode encontrar uma lista aqui:

enlace

enlace

você também pode encontrar aqui um tutorial simples e interessante que pode ajudá-lo a entender melhor o processo: enlace

    
por krembo99 16.02.2012 / 20:01