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

Easier Field Information Change

How to "select the field when the field is tapped into" for your own forms.

File Uploader

This file uploader is complete as one PHP script. No external modules or classes are required. Optional login for private use.

Fun Jumper

This fun jumper is easy to implement. Paste the code into one of your web pages. When you are ready to define your own content, replace the image tag.

The HTML optgroup Tag

The HTML <optgroup> tag allows you to group items in a dropdown list.

Determining Div Location

I generally get the location and dimension numbers of a div with the JavaScript getBoundingClientRect() function. Then access the numbers I need from the function's return value.

Site-wide Login System

A site-wide log-in system that lets pretty much any directory be password protected.

Image Show

With the no-custimizations-required script, it is now relatively easy to show off a series of images on your web page.

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-2026 Will Bontrager Software LLC