如何使用WordPress默认密码强度计脚本

时间:2012-02-16 作者:Sisir

我已经将wordpress默认密码强度表加入队列,但不知道如何使用它。目前codex page 没有提供其文档的任何链接。是否有任何一个有任何指向其演示页面或文档的链接?

解析的HTML非常简单。将有两个密码框。一个div显示密码结果,一个隐藏字段获取用户名。当然你已经排队了jquerywp_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让我朝着正确的方向前进。以下是strength meter 如果有人需要看的话。其内部wp-admin/js/password-strength-meter.dev.js.

1 个回复
最合适的回答,由SO网友:krembo99 整理而成

好问题:-)

我不能确切地帮助您编写文档,但我可以提供一些关于它如何工作的背景知识。

wordpress使用一个名为密码强度表的jQuery脚本。js(位于wp admin/js目录中)。它实际上只是一个函数(称为passwordStrength(f,i,d),其中f=password1,i=user\\u login,d=password2。)将“strength”(或mismatch)作为整数返回。要调用和使用该函数,您需要第二个javascript(例如,位于同一目录中的user-profile.js,但也特定于编辑配置文件页面),您可以复制密码强度表。js并将其作为某种“jQuery插件”使用,但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/

结束

相关推荐

PHP echo inside javascript

我已经在wordpress中安装了jwplayer,并将其显示在单个页面中。php页面。。。按照我的方式,我需要在javascript和I中获得一个自定义字段;我没有运气在那里回应它。我知道你不能在javascript函数中直接运行PHP,因此我在这里问noob问题:)<script type=\'text/javascript\'> jwplayer(\"lbp-inline-href-1\").setup({ \'flashplayer\': \'/wp-content/u