Verwendung des WordPress-Standardskripts für die Kennwortstärkeanzeige

18

Ich habe ein WordPress-Standardkennwort in die Warteschlange gestellt, weiß aber nicht, wie ich es verwenden soll. Derzeit enthält die Codex-Seite keinen Link zu ihrer Dokumentation. Hat jemand Links zu seiner Demo-Seite oder Dokumentation?

Behoben

HTML ist ganz einfach. Es wird zwei Passwortboxen geben. Ein Div, um das Passwort-Ergebnis anzuzeigen, und ein verstecktes Feld, um den Benutzernamen zu erhalten. Und natürlich haben Sie Enqueue jqueryund wp_enqueue_script('password-strength-meter');vor dem jQuery-Code. Hier ist der jQuery-Code, damit es funktioniert:

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

Danke an @ krembo99, um mich in die richtige Richtung zu schicken. Hier ist der Quellcode für das Stärkemessgerät, falls jemand ihn sehen muss. Es ist innen wp-admin/js/password-strength-meter.dev.js.

Sisir
quelle

Antworten:

6

Gute Frage :-)

Ich kann Ihnen bei der Dokumentation nicht genau helfen - aber ich kann Ihnen einen kleinen Hintergrund geben, wie es funktioniert.

wordpress verwendet ein jQuery-Skript namens password-strength-meter.js (im Verzeichnis wp-admin / js). Es ist eigentlich nur eine Funktion (genannt passwordStrength (f, i, d), wobei f = password1, i = user_login und d = password2.), Die die "stregth" (oder Nichtübereinstimmung) als Ganzzahl zurückgibt. Um diese Funktion aufzurufen und zu verwenden, benötigen Sie ein zweites Javascript (z. B. user-profile.js im selben Verzeichnis, aber auch spezifisch für die Seite zum Bearbeiten des Profils). Kurz gesagt: Sie können das Kennwortstärkemessgerät kopieren. js und benutze es als eine Art "jQuery-Plugin" - aber IMHO - du musst ein anderes Javascript schreiben, um es zu benutzen - abhängig davon, was genau du erreichen willst - wie und auch wo. (Sie können die user-profile.js als Referenz nehmen, kopieren und an Ihre Bedürfnisse anpassen.)

Wenn Ihnen sonst niemand eine bessere Antwort gibt (und ich hoffe, jemand wird es tun), könnte es sein, dass Sie einfach ein anderes Plugin für die JQuery-Kennwortsicherheit verwenden, das möglicherweise einfacher zu implementieren und besser zu dokumentieren ist. Wenn Sie diese Option wählen - Eine Liste finden Sie hier:

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

Hier finden Sie auch ein einfaches Tutorial, mit dem Sie den Vorgang besser verstehen können: http://net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-password-strength-checker/

krembo99
quelle
Vielen Dank! Eigentlich möchte WordPress Standard verwenden, da es für meinen Zweck ausreicht. Ich möchte auch alle von WordPress gelieferten Skripte kennen und verstehen, also habe ich es zum Anlass genommen;) Auch danke für die Standortinformationen. Ich habe versucht, es im wp-includesVerzeichnis zu finden . Die Dev-Version ist erklärend. Ich werde versuchen, es jetzt zum
Laufen
woow. Alle WordPress-Skripte! das ist eine Menge . Sie würden einen HUGH- Beitrag zur WordPress-Community leisten, wenn Sie sie "verstehen" würden - Sie werden Ihre Ergebnisse auch in den CODEX schreiben .
krembo99