Comment utiliser le script Wordpress Password Meter par défaut

18

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

Résolu

Le HTML est assez simple. Il y aura deux boîtes de mot de passe. Un 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 avez mis en file d'attente jqueryet 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 du dynamomètre si quelqu'un a besoin de le voir. C'est à l'intérieur wp-admin/js/password-strength-meter.dev.js.

Sisir
la source

Réponses:

6

Bonne question :-)

Je ne peux pas vous aider exactement avec la documentation - mais je peux donner un peu de fond sur la façon dont cela fonctionne.

wordpress utilise un script jQuery appelé password-Strength-meter.js (qui se trouve dans le répertoire wp-admin / js). Il s'agit en fait uniquement d'une fonction (appelée passwordStrength (f, i, d) où f = password1, i = user_login et d = password2.) Qui renvoie la "stregth" (ou la non-concordance) sous forme d'entier. pour appeler et utiliser cette fonction, vous avez besoin d'un second javascript (par exemple - user-profile.js trouvé dans le même répertoire - mais aussi spécifique à la page edit-profile) En bref - vous pouvez copier le mot de passe-force-mètre. js et l'utiliser comme un "plugin jQuery" en quelque sorte - mais à mon humble avis - vous devrez écrire un autre javascript pour l'utiliser - selon ce que vous voulez exactement réaliser - comment et aussi où. (vous pouvez prendre le user-profile.js comme référence, copier et modifier selon vos besoins)

Si personne d'autre ne vous donne une meilleure réponse (et j'espère que quelqu'un le fera), cela pourrait être le cas d'utiliser simplement un autre plugin 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:

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

vous pouvez également trouver ici un didacticiel simple et agréable qui pourrait vous permettre de mieux comprendre le processus: http://net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-password-strength-checker/

krembo99
la source
Merci! Je veux vraiment utiliser wordpress par défaut car cela suffira pour mon objectif. Je veux aussi connaître et comprendre tous les scripts livrés avec wordpress, donc je l'ai saisi comme une opportunité;) Merci également pour les informations de localisation. J'ai essayé de le trouver dans le wp-includesrépertoire. La version dev est explicative. Je vais essayer de le faire fonctionner maintenant :)
Sisir
woow. Tous les scripts wordpress! c'est beaucoup . vous feriez une HUGH contribution à la communauté wordpress si par le processus de "compréhension" - vous écririez également vos résultats dans le CODEX .
krembo99