jQuery Plugin For Generating Strong Passwords
File Size: | 6.18 KB |
---|---|
Views Total: | 605 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

Just another jQuery-driven password generator for generating random strong passwords with digits and/or letters and/or symbols (special characters).
How to use it:
1. Load the latest jQuery (required), Bootstrap 5 framework (optional), and Font Awesome iconic font (optional) in the document.
<!-- Bootstrap --> <link rel="stylesheet" href="/path/to/cdn/bootstrap.min.css" /> <!-- Fotn Awesome --> <link rel="stylesheet" href="/path/to/font-awesome/all.min.css" /> <!-- Required --> <script src="/path/to/cdn/jquery.slim.min.js"></script>
2. Create an input field to hold the generated password strings.
<input type="text" id="result" readonly />
3. Create a button to copy the password to the clipboard.
<button id="clipboard">Copy</button>
4. Create a range slider component that allows you to specify the character length.
<input type="range" id="length" min="1" max="20" step="1" /> <span id="rangeText"></span>
5. Create a set of checkboxes that allow you to determine which types of characters should be included in the password.
<input type="checkbox" id="uppercase" checked /> <label for="uppercase">Include uppercase letters</label> <input type="checkbox" id="lowercase" /> <label for="lowercase">Include lowercase letters</label> <input type="checkbox" id="numbers" /> <label for="numbers">Include numbers</label> <input type="checkbox" id="symbols" /> <label for="symbolse">Include symbols</label>
6. Create a set of checkboxes that allow you to determine which types of characters should be included in the password.
<input type="checkbox" id="uppercase" checked /> <label for="uppercase">Include uppercase letters</label> <input type="checkbox" id="lowercase" /> <label for="lowercase">Include lowercase letters</label> <input type="checkbox" id="numbers" /> <label for="numbers">Include numbers</label> <input type="checkbox" id="symbols" /> <label for="symbolse">Include symbols</label>
This awesome jQuery plugin is developed by thedevdrawer. For more Advanced Usages, please check the demo page or visit the official website.