Password Strength Validatior with jQuery - PassStrength

File Size: 11.3 KB
Views Total: 3520
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Password Strength Validatior with jQuery - PassStrength

PassStrength is a jQuery password strength validation plugin which features vast amount of settings to keep your passwords strong and a visual representation of password strength.


  • Only allow the submit once the password is strong enough.
  • A toggle button to reveal the password text.
  • Disable copy / paste in your password field.
  • A visual strength bar to indicator the password strength (TODO).
  • Fully styleable via Bootstrap.

How to use it:

1. Include jQuery library and the jQuery PassStrength plugin in your Bootstrap project. Make sure you have Bootstrap framework installed.

<link rel="stylesheet" href="css/passStrength.css">
<script src="//"></script>
<script src="js/passStrength.js"></script>

2. Create a password field with a password reveal button in your form.

<div class="input-group">
  <span class="input-group-btn">
    <button id="togglePass" class="btn btn-default" type="button">Show</button>
  <input type="password" class="form-control"/>
<button id="submitForm" type="submit" class="btn btn-default btn-default-custom">Submit</button>

3. Call the function on the password field to disable the submit button until your password is strong enough.

   button: '#submitForm',
   toggle: '#togglePass'

4. Default settings available.

submitButton: false,
toggleButton: false,
disable_copy: true,
strength: false,
strengthBar: false,
secondaryInput: false,
passwordMinLength: 8

Change log:


  • Added an animate function


  • Added Strength Meter

This awesome jQuery plugin is developed by kieranmv95. For more Advanced Usages, please check the demo page or visit the official website.