web-dev-qa-db-fra.com

Comment utiliser le script wordpress par défaut Mot de passe Force

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 codex ne donne 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 avez mis 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 du mesureur de force si quelqu'un a besoin de le voir. Son à l'intérieur wp-admin/js/password-strength-meter.dev.js.

javascriptwp-enqueue-script
17
Sisir

Bonne question :-)

Je ne peux pas vous aider avec la documentation, mais je peux vous expliquer comment cela fonctionne.

wordpress utilise un script jQuery appelé le mot de passe 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 incompatibilité) sous forme d'entier. Pour appeler et utiliser cette fonction, vous avez besoin d'un second 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 password-Strength-Meter. js et utilisez-le comme un "plug-in jQuery" - mais à mon humble avis - vous devrez écrire un autre javascript pour l'utiliser - en fonction de ce que vous voulez exactement réaliser - comment, et aussi où. (vous pouvez prendre user-profile.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), il pourrait être préférable d'utiliser un autre plug-in de force de mot de passe Jquery qui est peut-être plus facile à mettre en œuvre 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 tutoriel simple sur Nice qui pourrait vous permettre de mieux comprendre le processus: http://net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-password-strength-checker/

5
krembo99