如何使用Wordpress默认的密码强度仪脚本


18

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

解决

HTML非常简单。将有两个密码框。一个div显示密码结果,一个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

Answers:


6

好问题 :-)

我无法为您提供文档方面的帮助,但是我可以提供一些背景知识。

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


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

呜呜。所有的WordPress脚本!好多啊 。你会作出一个HUGH WordPress的社会贡献,如果由“理解”他们的过程-你也将写你的发现在CODEX
krembo99 '02
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.