如何使用 wordpress 預設密碼強度表指令碼

問題描述

我已經排隊 wordpress 預設密碼強度計，但不知道如何使用它。目前，codex page 沒有給出任何檔案連結。有沒有任何連結到其演示頁面或檔案？

Resolved

HTML 很簡單會有兩個密碼框。一個 div 顯示密碼結果和一個隱藏的檔案來獲取使用者名稱。而且，在 jQuery 程式碼之前，您將排隊 jquery 和 wp_enqueue_script('password-strength-meter'); 。這是 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 傳送正確的方向。這是 strength meter 的原始碼，如果有人需要看到它。其內部 wp-admin/js/password-strength-meter.dev.js 。

最佳解決方案

好問題：-)

我不能完全幫助你的檔案 – 但我可以給一點背景如何工作。

wordpress 使用一個名為 password-strength-meter.js(在 wp-admin /js) 目錄中的 jQuery 指令碼。它實際上只是一個函式 (稱為 passwordStrength(f，i，d)，其中 f = password1，i = user_login 和 d = password2 。) 返回”stregth”(或不匹配) 為整數。要呼叫並使用該功能，您需要一個第二個 javascript(例如，在同一目錄中找到的 user-profile.js)，但也專門針對 edit-profile 頁面) 簡而言之 – 您可以複製 password-strength-meter.js 並將其用作”jQuery plugin” 排序 – 但是 IMHO – 您將需要編寫另一個 JavaScript 來使用它 – 這取決於你想要實現的是什麼 – 如何以及在哪裡。 (您可以將 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/