วิธีการใช้งานสคริปต์ค่าเริ่มต้นของรหัสผ่าน Meter Meter

ฉันได้ทำการวัดความแรงของรหัสผ่านเริ่มต้นของ wordpress แต่ไม่ทราบวิธีใช้ ขณะนี้หน้า codexไม่ได้ให้ลิงค์ไปยังเอกสารใด ๆ มีใครมีลิงค์ไปยังหน้าตัวอย่างหรือเอกสารประกอบหรือไม่

การแก้ไข

HTML ค่อนข้างง่าย จะมีสองกล่องรหัสผ่าน หนึ่ง div เพื่อแสดงผลลัพธ์รหัสผ่านและไฟล์ที่ถูกซ่อนเพื่อรับชื่อผู้ใช้ และนอกหลักสูตรคุณต้องเข้าคิวjqueryและwp_enqueue_script('password-strength-meter');ก่อนรหัส jQuery นี่คือรหัส jQuery เพื่อให้ใช้งานได้:

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

ขอบคุณ @ krembo99 ที่จะส่งฉันไปในทิศทางที่ถูกต้อง นี่คือซอร์สโค้ดสำหรับเครื่องวัดความแข็งแรงถ้าใครต้องการดู wp-admin/js/password-strength-meter.dev.jsภายในของมัน

คำถามที่ดี :-)

ฉันไม่สามารถช่วยคุณในการจัดทำเอกสาร - แต่ฉันสามารถให้พื้นหลังเล็กน้อยเกี่ยวกับวิธีการทำงาน

wordpress ใช้สคริปต์ jQuery ชื่อ password-strength-meter.js (พบในไดเร็กทอรี wp-admin / js) จริงๆแล้วมันเป็นเพียงฟังก์ชั่น (เรียกว่า passwordStrength (f, i, d) โดยที่ f = password1, i = user_login และ d = password2.) ที่ส่งคืน "stregth" (หรือไม่ตรงกัน) เป็นจำนวนเต็ม ในการโทรและใช้งานฟังก์ชั่นนั้นคุณต้องมีจาวาสคริปต์ตัวที่สอง (ตัวอย่างเช่น - user-profile.js ที่พบในไดเรกทอรีเดียวกัน - แต่เฉพาะกับหน้าแก้ไขโปรไฟล์) ในกางเกงขาสั้น - คุณสามารถคัดลอกรหัสผ่านความแข็งแรงเมตร js และใช้เป็น "ปลั๊กอิน jQuery" แปลก ๆ - แต่ IMHO - คุณจะต้องเขียนจาวาสคริปต์อื่นเพื่อใช้ - ขึ้นอยู่กับสิ่งที่คุณต้องการบรรลุ - อย่างไรและที่ไหน (คุณสามารถใช้ user-profile.js เป็นข้อมูลอ้างอิงคัดลอกและแก้ไขตามความต้องการของคุณ)

หากไม่มีใครให้คำตอบที่ดีกว่า (และฉันหวังว่าจะมีใครบางคน) เป็นกรณีที่อาจใช้ปลั๊กอินเสริมความแข็งแรงของรหัสผ่าน Jquery อื่น ๆ ที่อาจนำไปใช้และจัดทำเป็นเอกสารได้ง่ายขึ้น หากคุณเลือกตัวเลือกนั้น - คุณสามารถค้นหารายการได้ที่นี่:

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

นอกจากนี้คุณยังสามารถค้นหาบทแนะนำแบบง่าย ๆ ที่นี่ซึ่งอาจช่วยให้คุณเข้าใจกระบวนการได้ดีขึ้น: http://net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-password-strength-checker/