The jQuery fast password generator is a powerful random password app that generates random passwords based on combinations of user-defined password strength rules.
Must Read: Password Strength Meter Based On zxcvbn In Vue.js
Random Password Generator JQuery Plugin
Post Name | jQuery Password Generator Plugin |
Author Name | ssokurenko |
Category | Form Plugins, Password |
Official Page | Click Here | Click Here |
Official Website | github.com |
Publish Date | June 8, 2021 |
Last Update | July 16, 2023 |
Download | Link Below |
License | MIT |
How to make use of it:
1. Add options to the password generator.
<form class="formulario"> <div class="alert alert-warning" id="alert-no-option" role="alert"> Select at least one option! </div> <div class="col-sm"> <div class="mb-3 form-check"> <input type="checkbox" class="form-check-input" id="numbers"> <label class="form-check-label" for="numbers">Numbers [0-9]</label> </div> </div> <div class="col-sm"> <div class="mb-3 form-check"> <input type="checkbox" class="form-check-input" id="lowercase"> <label class="form-check-label" for="lowercase">Lowercase letters [a-z]</label> </div> </div> <div class="col-sm"> <div class="mb-3 form-check"> <input type="checkbox" class="form-check-input" id="uppercase"> <label class="form-check-label" for="uppercase">Uppercase letters [A-Z]</label> </div> </div> <div class="col-sm"> <div class="mb-3 form-check"> <input type="checkbox" class="form-check-input" id="special"> <label class="form-check-label" for="special">Special characters [!@#$%^&*()?]</label> </div> </div> <div class="col-sm"> <div class="form-floating mb-3" id="quantity-form"> <input type="number" min="8" class="form-control" id="quantity" value=8 required> <label for="quantity">Characters quantity</label> </div> </div> <button type="submit" id="send-button" class="btn btn-primary">Generate</button> </form>
2. Create an input field to hold the generated password.
<input class="form-control" id="password" type="text" readonly> <br> <div class=" text-center alert alert-success" id="copied-alert" role="alert"> Copied! </div>
3. Hide the ‘No Option’ and ‘Password Copied’ messages on the web page.
#alert-no-option{ display: none; } #copied-alert{ display: none; margin: 0 auto; width: 300px; font-size: 20px; }
4. Load the password generator script after the jQuery library.
<script src="/path/to/cdn/jquery.slim.min.js"></script> <script src="/path/to/js/scripts.js"></script>
You can redefine all or specific options:
Option | Description | Default value |
---|---|---|
length | Number of characters | 10 |
numbers | Use numbers (0, 1, 2, etc…) | true |
lowercase | Use lowercase letters (a, b, c, etc…) | true |
uppercase | Use uppercase letters (A, B, C, etc…) | true |
special | Use special characters (!, @, #, $, etc…) | false |
See Demo And Download

Official Website(ssokurenko): Click Here
This superior jQuery/javascript plugin is developed by ssokurenko. For extra Advanced Usage, please go to the official website.