Top

Advanced Password Strength Test


Javascript Code
+ 1 likes
Please Register to submit score.
Average Score  7.0
Scores Submitted  1
Date Added  Jul 12, 2008
Last Updated  Jul 12, 2008
Tags  capital  case  dhtml  javascript  length  lower  number  numbers  password  regex  regexp  strength  test 
  Bookmark and Share

Introduction

If you're a little unsure on Javascript, I recommend that you use the simple version of the script found here.

Live Demo!

This script evaluates a password by checking:
  • Length
  • Amount/Existence of Numbers
  • Capital/Lowercase Ratio (for case-sensitive passwords - as nearly all are)


Set up Guide:
HTML:
Code:
<body><div style="background-color:FFF5CF; position: absolute; width: 461px; height: 36px; z-index: 1; left: 11px; top: 14px" id="PassWord Field">
<div style="position: absolute; width: 272px; height: 6px; z-index: 3; left: 172px; top: 14px" id="Strength Visual">
    </div>
<div style="position: absolute; width: 271px; height: 12px; z-index: 2; left: 173px; top: 3px" id="Strength Box">
   <font id="Display" size="2">Password Strength:</font></div>
<div style="position: absolute; width: 161px; height: 11px; z-index: 1; left: 6px; top: 7px" id="EntryBox">
<input onkeypress='Javascript:PassWord()' type="password" id="Password"></div>
 </div>
</body>

Javascript:
Paste below script into the <head></head> tags

The below is only the Javascript if you want the HTML which was used in the Demo, please PM me or paste the HTML from the code tags above.

For a Preview check out the Live Demo!

Grab the Code

Comments

  (6)  RSS
vaseline28
Comments: 154
 
Javascript Snippet:  Advanced Password Strength Test
Posted on Jul 12, 2008 12:20 pm
I'm having some problems here (PMed Hawkee though).
When pasting my script, this website seems to be changing some of the symbols to question marks etc.
Either look at the source on the Demo, or PM me for a link to an upload of the script which I will do if you wish to use this - until this gets sorted out.
EL
Comments: 1,400
 
Javascript Snippet:  Advanced Password Strength Test
Posted on Jul 12, 2008 12:54 pm
Very cool again and damn thats alot of code for something that seems so easy when you look at it.`-.-´
vaseline28
Comments: 154
 
Javascript Snippet:  Advanced Password Strength Test
Posted on Jul 12, 2008 1:00 pm
It's shorter than it used to be. Before it was made up of 6 functions. You could cut the first one out, but it eases the DHTML.
And yes, a lot of code to generate two lines!

If you were worried about the size, you could upload it elsewhere and use a
<script type="text/javascript" src="HERE URL"></script>
EL
Comments: 1,400
 
Javascript Snippet:  Advanced Password Strength Test
Posted on Jul 12, 2008 1:09 pm
Rofl it would be neat to upload except i wouldnt know wtf to do with it since i dunno a damn thing about javascript and ugh i seriously need to expand to different coding languges to ;o
stargazer989
Comments: 31
 
Javascript Snippet:  Advanced Password Strength Test
Posted on Aug 19, 2008 5:41 pm
ROFL. you can "cheat" it by using only numbers and you get a highscore...
vaseline28
Comments: 154
 
Javascript Snippet:  Advanced Password Strength Test
Posted on Aug 27, 2008 1:52 pm
That's because even just numbers is good (although not as good as you can get).
So it hardly is a cheat, the only way to change that would be to adjust it so that it evaluates the percentage between letters and numbers.

Please Register or Login to start posting comments.
Bottom