/ best free open source web resources /

Graphic Resources

Integrate Password Strength Checker into Registration Forms

Posted · Category: Forms, GPL License

Password Strength Checker is an application that is designed to assess the strength of password strings. The instantaneous visual feedback provides the user a means to improve the strength of their passwords, with a hard focus on breaking the typical bad habits of faulty password formulation. Since no official weighting system exists, Password Strength Checker has created its own formulas to assess the overall strength of a given password.


Password Strength Check is written in Javascript and released under GPL License. You are allowed to download this application and integrate it into your web application. I am sure it will help users choosing a more secure password when filling in registration forms. However, this application is neither perfect nor foolproof, and should only be utilized as a loose guide in determining methods for improving the password creation process.

Requirements: Javascript Enabled
Demo: http://www.passwordmeter.com/
License: GPL License

  • Buggy. m3sS3ng gets 40%, and m3sS3ng3R gets 20%

  • These things are OK, but I don’t think they should ever force you to adhere to its guidelines.

    I always use a password comprised of 11 seemingly random characters (I have a clever little formula), which realistically is never going to be cracked. The beauty of my formula is it’s unique for each site but always memorable, meaning even if it’s compromised it’s no good for any other domain.

    These tools prevent me from using that formula, which causes me some minor headaches when logging into those sites. Often I just don’t bother.

  • Pretty good. I would suggest a “bad words” array of passwords that can’t be used. For example, “password”, “123456”, etc. will automatically fail.

  • All mine got 100%. :)

  • Hello, I was just curious… I was looking at your source code, and seeing what technique you were using for your layout, specifically in regards to clearing floats. I saw that you use in some of your containers width:100% and also clear:left. Have you found this to be useful across browsers? Would love to hear your thoughts. Thanks!

  • I find it hard to imagine how you’d produce a CSS-based site that works properly in all browsers *without* using width: 100% and clear: left; to be honest. Using clearing is an absolute must when floating elements (it stops them overlapping the content below), and using width: 100%; will throw Internet Explorer 6 into hasLayout mode which will fix some display weirdness with certain elements.

  • oh ok, great. Thanks for clearing that up. The only reason I ask is because I’ve never seen it done that way before. I’ve always used the Easy Clearing method documented at positioniseverything.net, or overflow:auto for the containing div. But I am always looking for the easiest and best method for clearing floats. Thanks for responding…


  • Easy clearing or my preferred method overflow: hidden; is good, but that’s really for when there’s nothing *after* those elements in that container. If you do have something after the floated elements like a block of text or something, you can simply apply the clearing to that.

  • very good

  • Woww super

  • Pingback: AMB Album » Password Masking with Non Reversible Visualization()

Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons