Strong Password Generator
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.