Cara menggunakan skrip Kata Sandi Pengukur Sandi standar default


18

Saya telah membuat meteran kekuatan kata sandi default wordpress tetapi tidak tahu cara menggunakannya. Saat ini halaman codex tidak memberikan tautan apa pun ke dokumentasinya. Apakah ada yang punya tautan ke halaman demo atau dokumentasinya?

Terselesaikan

HTML cukup sederhana. Akan ada dua kotak kata sandi. Satu div untuk menampilkan hasil kata sandi dan sebuah file tersembunyi untuk mendapatkan nama pengguna. Dan tentu saja Anda memiliki enqueue jquerydan wp_enqueue_script('password-strength-meter');sebelum kode jQuery. Berikut ini adalah kode jQuery untuk membuatnya berfungsi:

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

Terima kasih kepada @ krembo99 untuk mengirim saya ke arah yang benar. Berikut adalah kode sumber untuk pengukur kekuatan jika ada yang perlu melihatnya. Itu di dalam wp-admin/js/password-strength-meter.dev.js.

Jawaban:


6

Pertanyaan bagus :-)

Saya tidak bisa persis membantu Anda dengan dokumentasi - tapi saya bisa memberikan sedikit latar belakang tentang cara kerjanya.

wordpress menggunakan skrip jQuery yang disebut password-strength-meter.js (ditemukan di direktori wp-admin / js). Ini sebenarnya hanya sebuah fungsi (disebut passwordStrength (f, i, d) di mana f = password1, i = user_login dan d = password2.) Yang mengembalikan "stregth" (atau mismatch) sebagai integer. untuk memanggil dan menggunakan fungsi itu, Anda memerlukan javascript kedua (misalnya - user-profile.js yang ditemukan di direktori yang sama - tetapi juga khusus untuk halaman edit-profil) Dalam celana pendek - Anda dapat menyalin meter kekuatan kata sandi. js dan menggunakannya sebagai "plugin jQuery" - tapi IMHO - Anda harus menulis javascript lain untuk menggunakannya - tergantung pada apa yang ingin Anda capai - bagaimana, dan juga di mana. (Anda dapat menggunakan user-profile.js sebagai referensi, menyalin dan memodifikasi untuk kebutuhan Anda)

Jika tidak ada orang lain yang memberi Anda jawaban yang lebih baik (dan saya harap seseorang akan) Mungkin saja menggunakan beberapa plugin kekuatan kata sandi Jquery lain yang mungkin lebih mudah diterapkan dan didokumentasikan dengan lebih baik. Jika Anda memilih opsi itu - Anda dapat menemukan daftar di sini:

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

Anda juga dapat menemukan tutorial sederhana yang bagus di sini yang mungkin membuat Anda lebih memahami prosesnya: http://net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-password-strength-checker/


Terima kasih! Sebenarnya ingin menggunakan default wordpress karena akan cukup untuk tujuan saya. Juga ingin tahu dan memahami semua skrip yang dikirim wordpress jadi saya menganggapnya sebagai peluang;) Juga terima kasih atas info lokasi. Saya mencoba menemukannya di wp-includesdirektori. Versi dev jelas. Saya akan mencoba membuatnya bekerja sekarang :)
Sisir

woow. Semua skrip wordpress! itu banyak . Anda akan memberikan kontribusi HUGH kepada komunitas wordpress jika dengan proses "memahami" mereka - Anda juga akan menulis temuan Anda di CODEX .
krembo99
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.