jQuery Plugin For Generating Strong Passwords

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

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.