Add Password Strength Check!

[DarkSlim]

This is a very nice add, let's you add another box near/under the 'new password' field
in personal options, that checks the password that your users enter and can tell them
the minimum characters that password should contain, when they have enough, using
an algorithm it checks how secure is the password and gives feedback as "Weak", "Average"
"Strong" and the ultimate - "Secure"

It is pretty easy to install and can be converted to be used in any page, I also use this
on my forums as well!

Installation:

1. Download the attached .rar file

2. Extract the "passcheck" folder in to the plugins folder

3. Open inc/mod/personal.mdu

Find:

Code: Select all

      $showrow_avatar = '<tr '.cute_that().'><td height="21">&nbsp;&nbsp;'.$echo['avatar'].':<td height="21"><input type="hidden" name="max_file_size" value="110000"><input tabindex="6" name="newavatar" type="file" size="27"></td><td>'.$delava;
    } else {
       unset($member['avatar']);
    }
?>

After Add:

Code: Select all

<!-- ***Password Strength Check*** -->
<script type="text/javascript" src="../../plugins/passcheck/jquery.js"></script>
<script type="text/javascript" src="../../plugins/passcheck/mocha.js"></script>

* It should work, havn't checked this src, if not just change to the path to where you've put it

Find:

Code: Select all

<td height="21">&nbsp;&nbsp;<?=$echo['newPass']; ?>
<td height="21" width="400" colspan="2"><input name="editpassword">&nbsp;&nbsp;&nbsp;<?=$echo['ifNeedNewPass']; ?>


* We are editing now the new password input field

Change to:

Code: Select all


<td height="21" style="vertical-align:text-top;">&nbsp;&nbsp;<?=$echo['newPass']; ?>
<td height="21" width="400" colspan="2">
    <div align="left">
     <input name="editpassword" id="inputPassword" style="float:left;">
     <div id="complexity" class="default">Password Strength Check</div>
     <div style="float:left;"><br> &nbsp;&nbsp;&nbsp;<?=$echo['ifNeedNewPass']; ?><br><br></div>
   </div>


4. Open skins/default.css:

At the End Add:

Code: Select all

/* Password Strength Check */

#complexity, #results{
   width: 153px;
   padding: 3px 0;
   height: 13px;
   color: #000;
   font-size: 10px;
   text-align: center;
        float:left;
        font-weight: bold;
}

#results{
   margin: 30px 0 20px 0;
}

.default{background-color: #CCC;}
.weak{background-color: #FF5353;}
.strong{background-color: #FAD054;}
.stronger{background-color: #93C9F4; }
.strongest{background-color: #B6FF6C;}

span.value{
   font-weight:bold;
   float: right;
}


* My design is a bit different to match my site being viewed in "rtl"
it should all work, plus you can always play with the design and css ^^

That's it, now when you enter your personal settings page you will see
another grey box that will react when you start entering your passwrod.

Hope you'll find it usefull,

DarkSlim

P.S
Also check: Add Random Password Option to Profile!

[typeman]

You are full of surprises, my friend

I'll be sure to use this in my new website

[DarkSlim]

Glad I could help

[Hawk]

Very useful plugin. Since you already started with the password strength, maybe it wouldn't be bad to add a random password generator to this plugin.

[DarkSlim]

Very useful plugin. Since you already started with the password strength, maybe it wouldn't be bad to add a random password generator to this plugin.

Thanks, hmm what do you mean by password generator?
How would it work and for what means?

[typeman]

Very useful plugin. Since you already started with the password strength, maybe it wouldn't be bad to add a random password generator to this plugin.

Thanks, hmm what do you mean by password generator?
How would it work and for what means?

I think they mean something along this lines and incorporate it into your plugin.

Though I'm pretty sure if you google it, you'll find something you can implant

[DarkSlim]

Very useful plugin. Since you already started with the password strength, maybe it wouldn't be bad to add a random password generator to this plugin.

Thanks, hmm what do you mean by password generator?
How would it work and for what means?

I think they mean something along this lines and incorporate it into your plugin.

Though I'm pretty sure if you google it, you'll find something you can implant

Yeah, I have couple of ideas about that, if that's what you want
I'll give it a try later and post here the results

[DarkSlim]

Here you go! hope you like it