WordPress Varsayılan Şifre Gücü Ölçer Komut Dosyası Nasıl Kullanılır


18

WordPress varsayılan şifre gücü ölçeri doldurdum, ancak nasıl kullanılacağını bilmiyorum. Şu anda kodeks sayfası belgelerine herhangi bir bağlantı vermemektedir. Demo sayfasına veya belgelerine herhangi bir bağlantısı var mı?

kararlı

HTML oldukça basit. İki şifre kutusu olacaktır. Parola sonucunu göstermek için bir div ve kullanıcı adını almak için gizli bir dosya. Ve tabii ki enqueue var jqueryve wp_enqueue_script('password-strength-meter');önce jQuery kodu. İşte jQuery kodu çalışması için:

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

Beni doğru yönde göndermek için @ krembo99'a teşekkürler. Eğer birinin görmesi gerekiyorsa , güç ölçer için kaynak kodu . İçinde wp-admin/js/password-strength-meter.dev.js.

Yanıtlar:


6

İyi soru :-)

Belgelere tam olarak yardımcı olamıyorum - ancak nasıl çalıştığı hakkında biraz bilgi verebilirim.

wordpress, password-force-meter.js (wp-admin / js dizininde bulunur) adlı bir jQuery betiği kullanır. Aslında yalnızca tam işlev olarak "stregth" (veya uyumsuzluk) döndüren bir işlevdir (f = password1, i = user_login ve d = password2. Olan passwordStrength (f, i, d). bu işlevi çağırmak ve kullanmak için, ikinci bir javascript'e ihtiyacınız vardır (örneğin - aynı dizinde bulunan user-profile.js - aynı zamanda profil düzenleme sayfasına özgü) Kısa mesajlarda - şifre gücü ölçeri kopyalayabilirsiniz. js ve bir çeşit "jQuery eklentisi" olarak kullanın - ama IMHO - tam olarak ne elde etmek istediğinize bağlı olarak, başka bir javascript yazmanız gerekecek - nasıl ve nerede. (user-profile.js dosyasını referans olarak alabilir, ihtiyaçlarınız için kopyalayabilir ve değiştirebilirsiniz)

Başka hiç kimse size daha iyi bir cevap vermezse (ve umarım birisi bunu yapar) Sadece uygulanması daha kolay ve daha iyi belgelenmiş diğer bazı Jquery şifre gücü eklentisini kullanmak olabilir. Bu seçeneği seçerseniz - Burada bir liste bulabilirsiniz:

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

burada süreci daha iyi anlamanızı sağlayacak basit ve güzel bir öğretici de bulabilirsiniz: http://net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-password-strength-checker/


Teşekkürler! Aslında wordpress varsayılanını kullanmak istiyorum çünkü amacım için yeterli olacak. Ayrıca bilmek ve tüm wordpress sevk komut dosyaları anlamak istiyorum; bu yüzden bir fırsat olarak aldı;) Ayrıca konum bilgisi için teşekkürler. Dizinde bulmaya çalıştım wp-includes. Dev sürümü açıklayıcıdır. Şimdi çalışmayı deneyeceğim :)
Sisir

vay vay . Tüm wordpress komut dosyaları! bu çok fazla . Eğer onları "anlama" sürecinde wordpress topluluğuna HUGH katkısı yapacaksınız - bulgularınızı CODEX'e de yazacaksınız .
krembo99
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.