Today I want to tell about the jQuery plugin which I wrote this March: strong-password.js

If you need to give a hint for your new visitor of your site how to create a good password: memorable and strong, you can take an opportunity of using this simple plugin. And it’s available for download on GitHub under the MIT License.

The plugin can be plugged to a form password field, and when a new visitor clicks on this field an animated popover will appear with a generated password. The password consists of a combination of vowels and consonants, so it is much easier to remember than a random string of letters. The plugin is unobtrusive so a user can easily ignore it and it never appear again.
There are many useful settings and two themes (light and dark).

Usage:

1. Download the package from GitHub
2. Include strong-password.min.css, strong-password.min.js, jQuery files in yoursection of the page:

    <link rel="stylesheet" href="strong-password/css/strong-password.min.css">
    <script type="text/javascript" src="lib/jquery-2.2.2.min.js"></script>
    <script type="text/javascript" src="strong-password/js/strong-password.min.js"></script>

3. Plug the plugin to you password field in the script:

    $('input[type=password]').strongPassword();

You can use options:

    var options = {
      cssClass: 'sp-black',
      backdrop: false
     // other options...
    }
    $('input[type=password]').strongPassword(options);

You can see all options here.
See an example on codepen.io.

Please follow and like us: