Random Password Generator using Javascript

Submitted by: 
Visitors have accessed this post 2514 times.

Welcome to www.sourcecodester.com. I am going to teach you how to make a random password generator that you can use in you projects or systems. Just follow the instructions below.


First, let's create our html code, just copy the code below.

  1. <form name="pgenerate">
  2. <input type="text" size=18 name="output">
  3. <input type="button" value="Generate Password" onClick="populateform(this.form.thelength.value)"><br />
  4. <b>Password Length:</b> <input type="text" name="thelength" size=3 value="7">
  5. </form>

Lastly, we will be creating our javascript code.

  1. <script>
  2. var keylist="abcdefghijklmnopqrstuvwxyz123456789"
  3. var temp=''
  5. function generatepass(plength){
  6. temp=''
  7. for (i=0;i<plength;i++)
  8. temp+=keylist.charAt(Math.floor(Math.random()*keylist.length))
  9. return temp
  10. }
  12. function populateform(enterlength){
  13. document.pgenerate.output.value=generatepass(enterlength)
  14. }
  15. </script>

Congratulations, you have successfully created a simple password generator. For more suggestions, question just email me at [email protected]

Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.

Virus note: All files are scanned once-a-day by SourceCodester.com for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.


1. Re-scan downloaded files using your personal virus checker before using it.
2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.


Awsome! I used it on my site main.golife.comlu.com

Add new comment

Filtered HTML

  • Web page addresses and e-mail addresses turn into links automatically.
  • You may insert videos with [video:URL]
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <th> <img> <h1> <h2> <h3> <iframe> [video]
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>, <asp>, <c>, <cpp>, <csharp>, <css>, <html4strict>, <java>, <javascript>, <mysql>, <php>, <python>, <sql>, <vb>, <vbnet>. The supported tag styles are: <foo>, [foo].
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Lines and paragraphs break automatically.
This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.