Fork me on GitHub
Post Format

jQuery Strong Password Plugin: Power PWChecker

Security is one of the prime factors in application development whether you are creating and simple sign up form or a complex web application. Security, especially online security of user data and identify encompasses a number of approaches, methods and tools that we would be discussing on this website. Today, we are discussing implementation of secure passwords with Power PWChecker, which is a free jQuery plugin to ensure secure passwords for users. This simple jQuery plugin can be integrated seamlessly with any online form (sign up form/ user registration form) to check password strength and give users clues for creating strong and secure passwords.

jQuery Password Strength Checker Plugin

Power PWChecker jQueryPlugin observes passwords as users type and provide instant password strength check (Weak, Medium, or Strong). This encourages users to review their password selection and ensure that the password is strong and secure.  Power PWChecker also allows you to enforce password length policy by specifying minimum and maximum password length. It also matches password entries and provides visual alert in case of inconsistent passwords.

PWCheker Parameters
  • minlength: Minimum length of password, default is 8 characters.
  • maxlength: Maximum length of password, default is 16 characters.
  • onPasswordValidate: Callback function.
  • onPasswordMatch: Callback function.
Using PWChecker Plugin
  • Add latest reference to jQuery library
  • Add a reference to pschecker.js file
  • Add a reference to style.css file

Add the following HTML markup, add classes “strong-password” to password fields and call the initializer function with required parameters.

 <div class="password-container">
            <p>
                <label>
                    Enter Password:</label>
                <input class="strong-password" type="password" />
            </p>
            <p>
                <label>
                    Confirm Password:</label>
                <input class="strong-password" type="password" />
            </p>
            <p>
                <a class="submit-button locked" href="#">Submit</a>
            </p>
            <div class="strength-indicator">
                <div class="meter">
                </div>
                Strong passwords contain 8-16 characters, do not include common words or names,
                and combine uppercase letters, lowercase letters, numbers, and symbols.
            </div>
        </div>

No related posts.

71 comments

  1. Pingback: 40 jquery plugins | Noe Alonso Blog

  2. Pingback: 30 Most Useful jQuery Plugins | web3mantra

  3. Pingback: Excellent and Useful jQuery Plugins : Ahmad Assaf`s Blog

  4. Pingback: 20 Essential jQuery Plugins for Every Developer | CollegeGFX - Education 2.0 for designers !

  5. Pingback: 40 Fresh jQuery Plugins And Tutorials Available For Free | Pro Design World - Web Design Blog

  6. Pingback: 40个新鲜出炉的 jQuery 插件和免费教程【上篇】 | 编程·早晨

  7. Pingback: 20 Must-have Free jQuery Plugins for Web Developers

  8. Pingback: 40 Plugins jQuery gratuítos | 2puntos2barras

  9. Pingback: 40 Fresh jQuery Plugins And Tutorials Available For Free | CS5 Design

  10. Pingback: 40 Fresh jQuery Plugins And Tutorials Available For Free | pixelpush design

  11. Pingback: 20 Essential jQuery Plugins for Every Developer’s Toolkit | Bitmag

  12. Pingback: blog.topwebdevelop.com » Blog Archive » 20 new jQuery plugins of Jun 2012

  13. Pingback: 10 jquery плагинов, которые должен знать каждый разработчик | webkladez - Полезные уроки для photoshop, wordpress, joomla

  14. Pingback: 20 Essential jQuery Plugins for Every Developer’s Toolkit

  15. Pingback: 20 Essential jQuery Plugins for Every Developer’s Toolkit | CS5 Design

  16. Pingback: 20 Essential jQuery Plugins for Every Developer’s Toolkit | WebFree.ro

  17. Pingback: The 50 Most Useful jQuery Plugins from 2011 - Speckyboy Design Magazine

  18. Pingback: 35 jQuery Plugins & Tutorials To Efficient Your Development Skills | codeManiac - Snippets, Templates, API and the best developer content

  19. Pingback: 40+ jQuery Plugins to Spice Up your Website | Hot Scripts Blog

  20. Pingback: 9 Highly Useful Form & Validation jQuery Plugins | codeManiac - Snippets, Templates, API and the best developer content

  21. Pingback: Best Of 2011: Best Useful jQuery Plugins And Tutorials Don't Forget to participate in a contest where you can win the world's biggest user interface elements pack "Futurico UI Pro" for your design projectsi | creativectors.com

  22. Pingback: Linkhub – Woche 13-2012

  23. Pingback: jQuery Strong Password Plugin: Power PWChecker | TEKNQ

  24. Pingback: Starke Passwörter mit jQuery

  25. Pingback: Jquery plugin check password strength | Jascript Software

  26. Pingback: Medir la fortaleza de una contraseña con jQuery | Kabytes

  27. Pingback: Top ten best jQuery Plugins | TechnFuture Blog

  28. Pingback: Os 50 mais úteis plugins jQuery | Site para Empresas – Blog sobre Internet e Criação de Site

  29. Pingback: Be a Professional Developer Using Ultimate jQuery Plugins | Passcomms Android

  30. Pingback: Password Strength jQuery Plugin : Power PWChecker | Smashzine

  31. Pingback: Be a Professional Developer Using Ultimate jQuery Plugins | Smashing Buzz

  32. Pingback: 40款非常有用的 jQuery 插件推荐(一) | CSSwang-CSS网站

  33. Pingback: 51 Best Useful jQuery Plugins Download And Tutorials | Oktilyon Teknoliyon

  34. Pingback: 51 Best Useful jQuery Plugins Download And Tutorials | Best Smashing

  35. Pingback: 35 jQuery Plugins & Tutorials To Efficient Your Development Skills | Blackhat Making Money

  36. Pingback: Essenz 2012/02/04 | duetsch.info

  37. Pingback: jQuery Password Strength Checker Plugin

  38. Pingback: Backlink Center » Best Of 2011: Best Useful jQuery Plugins And Tutorials

  39. Pingback: 30+ jQuery Plugins for Web Designers 2012 | Ulancer Blog

  40. Pingback: Best Of 2011: Best Useful jQuery Plugins And Tutorials Don't Forget to participate in a contest where you can win the world's biggest user interface elements pack "Futurico UI Pro" for your design projectsi | craetivectors.com

  41. Pingback: What Is A Good and Strong Password: PWChecker jQuery Plugin | PHP Ocean

  42. Pingback: What Is A Good and Strong Password: PWChecker jQuery Plugin | Greepit

  43. Pingback: [Pic]2011年最佳实用的jQuery插件和教程 « 朝九✓晚五

  44. Pingback: 2011年最佳实用的jQuery插件和教程 | Jackchen Design 1984

  45. Pingback: 25 Fresh jQuery Tutorials and Plugins | 1step web design: Best for developer and designer

  46. Pingback: Inspiration Best Of 2011: Best Useful jQuery Plugins And Tutorials

  47. Pingback: 18 Fresh & Useful jQuery Plugins For September 2011 | 1step web design: Best for developer and designer

  48. Pingback: Excellent and Useful jQuery Plugins | Ahmad Assaf`s Blog

  49. Pingback: Most Useful jQuery Plugins from 2011 – Form & Validation | ChurchMag

  50. Pingback: Best Useful jQuery Plugins And Tutorials | GraphicShared | Download Graphic Tools

  51. Pingback: Tuto jquery : afficher la sécurité d’un mot de passe Jquery [librairie javascript] - liens-geeks.com

  52. Pingback: Excellent and Useful jQuery Plugins « DopinPanda-Blog

  53. Pingback: 2011 Yılının En İyi JQuery Eklentileri | webloti

  54. Pingback: Los 50 plugins jQuery más útiles de 2011 | loureyro.com.ar

  55. Pingback: The 50 Most Useful jQuery Plugins from 2011 | Typography Blog

  56. Pingback: 40+ Useful and Fresh jQuery Plugins | HeroicTuts.com

  57. Pingback: 40+ Useful and Fresh jQuery Plugins

  58. Pingback: Sacima鲨鳍马工作室 » Blog Archive » 40+ Useful and Fresh jQuery Plugins

  59. Pingback: Roundup of 25 Oven Fresh jQuery plug-ins | Web Design Burn

  60. Pingback: Roundup of 25 Ovan Fresh jQuery plug-ins | Web Design Burn

  61. Pingback: 40 jQuery Eklentisi

  62. Pingback: Bernardus W. 'Ben' Besselink > Bookmarks > jQuery Plugin Power PWChecker prüft die Stärke eines Passwortes

  63. Pingback: 40 New jQuery Plugins | WebDino.net

  64. Pingback: Web Development articles, tutorials, help » Blog Archive » 40 New jQuery Plugins

  65. Pingback: 40 New jQuery Plugins

  66. Pingback: jQuery-Plugins im Überblick

  67. Nice design on the password strength meter. Just a heads up, when the password is weak, the text in the meter reads, “week” instead of “weak” Otherwise, great plugin, I plan to start using it on some of my sites.

    Reply

Leave a Reply

Required fields are marked *.


× six = 42