如何使用 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/