我已经排队使用wordpress默认密码强度计,但是不知道如何使用它。目前,法典页面没有任何指向其文档的链接。是否有任何人可以链接到其演示页面或文档?

已解决

HTML非常简单。将有两个密码框。一个div显示密码结果,然后一个隐藏文件获取用户名。当然,您需要在jQuery代码之前加入jquerywp_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向我发送正确的信息。如果有人需要,这里是强度计的源代码。其内部wp-admin/js/password-strength-meter.dev.js

#1 楼

好的问题:-)

我不能完全为您提供文档帮助-但我可以为您提供一些工作背景知识。

wordpress使用了一个名为password-的jQuery脚本。 strength-meter.js(位于wp-admin / js中)目录。
它实际上只是一个函数(称为passwordStrength(f,i,d),其中f = password1,i = user_login,d = password2。 ),以整数形式返回“ stregth”(或不匹配)。要调用和使用该功能,您需要第二个javascript(例如-在同一目录中找到的user-profile.js-但也特定于edit-profile页面)
简而言之-您可以复制密码- strength-meter.js并将其用作各种“ jQuery插件”-但恕我直言-您将需要编写另一个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-强度检查器/

评论


谢谢!实际上想使用wordpress默认,因为它足以满足我的目的。也想知道和理解所有wordpress附带的脚本,所以我以此为契机;)也感谢您提供的位置信息。我试图在wp-includes目录中找到它。开发版本是说明性的。我将尝试使其现在起作用:)

–西西尔
2012-02-16 20:21



呜呜。所有的WordPress脚本!好多啊 。如果通过“了解” WordPresspress社区,您将对他们做出巨大贡献-您还将在CODEX中写下您的发现。

–krembo99
2012年2月17日在0:40