Software, your way.
burger menu icon
WillMaster

WillMasterBlog > JavaScript

FREE! Coding tips, tricks, and treasures.

Possibilities weekly ezine

Get the weekly email website developers read:

 

Your email address

name@example.com
YES! Send Possibilities every week!

Password Generator

To use the password generator, click on the "Generate" button.

The checked character sets will be used to compose the password.

First character: Uppercase Number
Lowercase Other
Remaining characters: Uppercase Numbers
Lowercase Others
Custom characters:
Password length:
 
Generated password:

Click the button until a satisfactory password is generated.

Using Custom Characters

The characters from which the password is composed are any checked character sets plus what is typed into the "Custom characters" field.

If all checkboxes are unchecked, only the characters in the "Custom characters" field are used to compose the password.

If any characters in the "Custom characters" field are repeated, they are more likely to be used in the password composition.

Putting the Password Generator on Your Website

Copy the below and paste it into the source code of your web page. Paste it in and you're good to go. Customization is optional.

<script type="text/javascript">
/* Password Generator, version 1.0a
   February 17, 2010 (adjusted password length)
   Version 1.0, January 19, 2010
   Will Bontrager
   https://www.willmaster.com/
   Copyright 2010 Bontrager Connection, LLC

   Bontrager Connection, LLC grants you a 
   royalty free license to use or modify 
   this software provided that this 
   copyright notice appears on all copies. 
   This software is provided "AS IS," 
   without a warranty of any kind.
*/
function GeneratePassword() {
var nc = "0123456789";
var lc = "abcdefghijklmnopqrstuvwxyz";
var uc = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var oc = "-=[];',./~!@#$%^&*()_+{}|:\"<>?";
f = document.getElementById("passgen");
var s = new String(f.custom.value);
if(f.fn.checked) { s += nc; } 
if(f.fl.checked) { s += lc; } 
if(f.fu.checked) { s += uc; } 
if(f.fo.checked) { s += oc; } 
var p = new String();
var slen = s.length;
if(slen) { p = s.charAt(Math.floor(Math.random()*slen)); }
s = new String(f.custom.value);
if(f.on.checked) { s += nc; } 
if(f.ol.checked) { s += lc; } 
if(f.ou.checked) { s += uc; } 
if(f.oo.checked) { s += oc; } 
slen = s.length;
if(slen) {
   for(var i=1; i<f.len.value; i++) {
      p += s.charAt(Math.floor(Math.random()*slen));
      }
   }
f.pass.value = p;
}
</script>

<form id="passgen">
<table border="0" cellpadding="0" cellspacing="5">
<tr>
<td>First character:</td>
<td><input type="checkbox" name="fu" value="yes" checked="checked">Uppercase 
<input type="checkbox" name="fn" value="yes">Number<br>
<input type="checkbox" name="fl" value="yes" checked="checked">Lowercase 
<input type="checkbox" name="fo" value="yes">Other</td>
</tr>
<tr>
<td>Remaining characters:</td>
<td><input type="checkbox" name="ou" value="yes" checked="checked">Uppercase 
<input type="checkbox" name="on" value="yes" checked="checked">Numbers<br>
<input type="checkbox" name="ol" value="yes" checked="checked">Lowercase 
<input type="checkbox" name="oo" value="yes" checked="checked">Others</td>
</tr>
<tr>
<td>Custom characters:</td>
<td><input type="text" name="custom" size="8" style="width:200px;"></td>
</tr>
<tr>
<td>Password length:</td>
<td><input type="text" name="len" size="8" style="width:100px;" value="16"></td>
</tr>
<tr>
<td> </td>
<td><input type="button" value="Generate" onclick="GeneratePassword()"></td>
</tr>
<tr>
<td>Generated password:</td>
<td><input type="text" name="pass" size="25" style="width:200px;" onclick="select()"></td>
</tr>
</table>
</form>

The password generator is for use whenever you need a password of random characters.

Will Bontrager

Was this blog post helpful to you?
(anonymous form)

Support This Website

Some of our support is from people like you who see the value of all that's offered for FREE at this website.

"Yes, let me contribute."

Amount (USD):

Tap to Choose
Contribution
Method


All information in WillMaster Blog articles is presented AS-IS.

We only suggest and recommend what we believe is of value. As remuneration for the time and research involved to provide quality links, we generally use affiliate links when we can. Whenever we link to something not our own, you should assume they are affiliate links or that we benefit in some way.

Recent Articles in the Library

Silent Notes

Once implemented, this system is a nice logger when occurrences of extra-important events on a web page need to be counted.

JavaScript and URL Parameters

A URL parameter in a browser's address bar can be used with JavaScript.

Closer Image

Hover and the image appears to come closer to the surface of the web page.

Database Table Dump

Database Table Dump can be used to view database table information without accessing the domain control panel.

Valid File Name Characters

Most simple printable characters are valid within file names. Some are not.

Image Hue Shift

Shift the hues of an entire image with this CSS rule.

Inspecting HTML Tags

Software to inspect meta and link tags that might have changed after the web page was loaded.

How Can We Help You? balloons
How Can We Help You?
bullet Custom Programming
bullet Ready-Made Software
bullet Technical Support
bullet Possibilities Newsletter
bullet Website "How-To" Info
bullet Useful Information List

© 1998-2001 William and Mari Bontrager
© 2001-2011 Bontrager Connection, LLC
© 2011-2025 Will Bontrager Software LLC