Comment utiliser le script de jauge de force de mot de passe par défaut de wordpress

16

J'ai mis en file d'attente l'indicateur de force du mot de passe par défaut wordpress mais je ne sais pas comment l'utiliser. Actuellement, la page du codex ne fournit aucun lien vers sa documentation. Quelqu'un a-t-il des liens vers sa page de démonstration ou sa documentation?

résolu

HTML est assez simple. Il y aura deux boîte de mot de passe. Une div pour afficher le résultat du mot de passe et un fichier caché pour obtenir le nom d'utilisateur. Et bien sûr, vous devez mettre en file d'attente jquery et wp_enqueue_script('password-strength-meter'); avant le code jQuery. Voici le code jQuery pour le faire fonctionner:

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

Merci à @ krembo99 de m'envoyer dans la bonne direction. Voici le code source de la mesureur de force si quelqu'un a besoin de le voir. C'est à l'intérieur de wp-admin/js/password-strength-meter.dev.js .

    
posée Sisir 16.02.2012 - 18:29

1 réponse

5

Bonne question: -)

Je ne peux pas vous aider avec la documentation, mais je peux vous donner quelques informations générales sur son fonctionnement.

wordpress utilise un script jQuery appelé répertoire password-Strength-meter.js (situé dans le répertoire wp-admin / js). En réalité, seule une fonction (appelée passwordStrength (f, i, d), où f = mot_de_passe1, i = nom_utilisateur et d = mot_de_passe2.) Renvoie le "stregth" (ou le décalage) sous forme d'entier. pour appeler et utiliser cette fonction, vous avez besoin d'un deuxième javascript (par exemple - user-profile.js se trouvant dans le même répertoire - mais également spécifique à la page edit-profile) En bref - vous pouvez copier le mot de passe-Strength-Meter.js et l'utiliser comme un "plugin jQuery" - mais à mon humble avis - vous aurez besoin d'écrire un autre javascript pour l'utiliser - en fonction de ce que vous voulez exactement réaliser - comment et aussi où. (vous pouvez prendre le profil utilisateur.js comme référence, copier et modifier selon vos besoins)

Si personne ne vous donne une meilleure réponse (et j'espère que quelqu'un le fera), vous pouvez utiliser un autre plug-in de force de mot de passe Jquery qui est peut-être plus facile à implémenter et mieux documenté. Si vous choisissez cette option, vous pouvez trouver une liste ici:

enlace

enlace

vous pouvez également trouver ici un tutoriel simple et agréable qui pourrait vous permettre de mieux comprendre le processus: enlace

    
réponse donnée krembo99 16.02.2012 - 20:01

Lire d'autres questions sur les étiquettes