Como usar o script padrão do medidor de força de senha do wordpress


18

Enfileirei o medidor de força de senha padrão do wordpress, mas não sei como usá-lo. Atualmente, a página do codex 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 é bastante simples. Haverá duas caixas de senha. Um div para mostrar o resultado da senha e um arquivo oculto para obter o nome de usuário. E é claro que você tem enfileiramento jquerye wp_enqueue_script('password-strength-meter');antes do código do jQuery. Aqui está o código jQuery para fazê-lo 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!');
    }
}

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

Respostas:


6

Boa pergunta :-)

Não posso ajudá-lo exatamente com a documentação - mas posso dar um pouco de como 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 ed = senha2.) Que retorna a "stregth" (ou incompatibilidade) como número 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 da página de edição de perfil). Em suma - você pode copiar o medidor de força da senha. js e use-o como um tipo de "plugin jQuery" - mas IMHO - você precisará escrever outro javascript para usá-lo - dependendo do que exatamente você deseja obter - como e também onde. (você pode usar 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 outro plug-in 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:

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

você também pode encontrar um tutorial simples e agradável aqui, que pode ajudar você a entender melhor o processo: http://net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-password-strength-checker/


Obrigado! Na verdade, quero usar o padrão wordpress, pois será suficiente para o meu propósito. Também quero conhecer e entender todos os scripts enviados do wordpress, por isso aproveitei a oportunidade;) Também obrigado pela informação da localização. Eu tentei encontrá-lo no wp-includesdiretório A versão do desenvolvedor é explicativa. Vou tentar fazê-lo funcionar agora :)
Sisir

uau. Todos os scripts wordpress! Isso é muito . você faria uma contribuição HUGH para a comunidade wordpress se, pelo processo de "compreendê-los", também escreveria suas descobertas no CODEX .
krembo99
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.