{"id":14,"date":"2015-03-19T19:13:23","date_gmt":"2015-03-19T19:13:23","guid":{"rendered":"http:\/\/dankaufman.org\/WP\/?p=14"},"modified":"2016-01-06T18:06:11","modified_gmt":"2016-01-06T18:06:11","slug":"simple-password-generator","status":"publish","type":"post","link":"https:\/\/www.dankaufman.org\/WP\/?p=14","title":{"rendered":"Simple Password Generator"},"content":{"rendered":"

Update: 3\/23\/2015- Added special characters. \u00a0Look for orange text to designate new lines in code.<\/span><\/em><\/p>\n

A while back I became incredibly<\/span> frustrated with my passwords. \u00a0Nothing seemed safe enough and I had a hard time coming up with ‘random’ passwords on my own. \u00a0So I wrote this. \u00a0It’s nothing complex and you can get this up and running in about 5-10 minutes.<\/p>\n

The only real functionality is contained in the index.php file and the php\/generator.php file. \u00a0The CSS and JS are mostly for show and for Bootstrapping and, obviously, can easily be modified for your own needs.<\/p>\n

Please note that this is using an out-dated version of Bootstrap. \u00a0You may need to modify the code slightly if you are using Bootstrap v > 3<\/span><\/p>\n

HERE’S THE WORKING DEMO IF’N YOU WANT TO SEE IT<\/a><\/p>\n

    \n
  1. To start,\u00a0DOWNLOAD THE SOURCE FILES HERE<\/a><\/li>\n
  2. So, let’s get started with the index.php file. \u00a0You can either reference the downloaded version or write up your own interface but the important areas are the input field wherein you specify how many characters you want your password to be:\n

    <label for=”lengthfield”>NUMBER OF CHARACTERS:<\/label><\/span>
    \n <input type=”number” name=”lengthfield” id=”lengthfield” placeholder=”10″ \/><br \/>
    \n<label><\/span>
    \n <input type=”checkbox” class=”checkbox” id=”inclSpecChar” name=”inclSpecChar” value=”yes” checked> <span class=”specCharSpan”>INCLUDE SPECIAL CHARACTERS (&, #, $, *, %, !, @)<\/span><\/label><\/span>
    \n<div id=”passwordBlock” class=”alert alert-block alert-success fade in hide”>
    \n<button class=”close” type=”button” data-dismiss=”alert”>\u00d7<\/button>
    \n<h3 class=”alert-heading”>HERE IS YOUR AWESOME NEW PASSWORD<\/h3>
    \n<h2 id=”passHere”><\/h2>
    \n<p id=”copyArea”><a id=”copyToClipBtn” class=”btn”><\/a>COPY PASSWORD TO CLIPBOARD<\/p>
    \n<\/div><\/span><\/p>\n<\/li>\n

  3. Some sort of a ‘submit’ button and the area wherein the password is displayed. Here’s mine:\n

    \u00a0<a class=”btn btn-warning btn-large btn-success” id=”submitBtn” href=”#”>GENERATE PASSWORD<\/a><\/span><\/p>\n

    And here’s the corresponding code:<\/span><\/p>\n

    \u00a0 \u00a0 \u00a0$(“#submitBtn”).click(event, function(){<\/span>
    \n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 $.ajax({<\/span>
    \n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0url: ‘php\/generator.php’,<\/span>
    \n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0type: ‘POST’,<\/span>
    \n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0data: {charlength:$(“#lengthfield”).val(), $(“inclSpecChar”).val()<\/span>},<\/span>
    \n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 success: function( msg ) {<\/span>
    \n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0$(“#passHere”).text( msg );<\/span>
    \n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0$(“#passwordBlock”).fadeIn(‘fast’);<\/span>
    \n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 }, \u00a0\/\/end on success<\/span>
    \n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 error: function( msg ){<\/span>
    \n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0alert(‘Failed to generate password. Please try again.\\r\\nError: ‘+msg);<\/span>
    \n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0}\/\/end on fail<\/span>
    \n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 });\/\/end ajax call<\/span>
    \n });\/\/end on submit click<\/span><\/p>\n<\/li>\n

  4. Lastly, here’s the PHP that generates the password:\n


    \n$length = $_POST['charlength'];
    \nif(!$length){
    \n$length = 10;
    \n}
    \nif($_POST['inclSpecChar']=='yes'){<\/span>
    \n $vowels = htmlspecialchars('aeuyAEUY&$#*%@!');<\/span>
    \n } else {<\/span>
    \n $vowels = 'aeuyAEUY';<\/span>
    \n }<\/span>
    \n$consonants = 'bdghjmnpqrstvzBDGHJLMNPQRSTVWXZ23456789';
    \n$addon = '';
    \n$alt = time() % 2;
    \nfor ($i = 0; $i < $length; $i++) {
    \nif ($alt == 1) {
    \n$addon .= $consonants[(rand() % strlen($consonants))];
    \n$alt = 0;
    \n} else {
    \n$addon .= $vowels[(rand() % strlen($vowels))];
    \n$alt = 1;
    \n}
    \n}
    \necho $addon;<\/code><\/span><\/p>\n<\/li>\n<\/ol>\n

    <\/p>\n

    Yeah, so that’s pretty much it. \u00a0You could modify this as much as you need but here are the basics. \u00a0The Javascript \/ jQuery sends an Ajax POST request to the PHP file with the inputted value and interprets the return (echo) as the variable ‘msg’. \u00a0The PHP simply takes the specified length specified and spits out a randomly selected string of uppcase\/lowercase letters and numbers.<\/p>\n

    WHAT’S NEXT?<\/span><\/h4>\n

    In the next version I’ll update the Bootstrap and implement special characters (DONE!<\/span>) so be on the lookout for that. \u00a0Thanks for reading!<\/p>\n

    Hit me up with any questions or anything.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Update: 3\/23\/2015- Added special characters. \u00a0Look for orange text to designate new lines in code. A while back I became incredibly frustrated with my passwords. \u00a0Nothing seemed safe enough and I had a hard time coming up with ‘random’ passwords on my own. \u00a0So I wrote this. \u00a0It’s nothing complex and you can get this … Continue reading Simple Password Generator<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-14","post","type-post","status-publish","format-standard","hentry","category-php"],"_links":{"self":[{"href":"https:\/\/www.dankaufman.org\/WP\/index.php?rest_route=\/wp\/v2\/posts\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dankaufman.org\/WP\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dankaufman.org\/WP\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dankaufman.org\/WP\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dankaufman.org\/WP\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":10,"href":"https:\/\/www.dankaufman.org\/WP\/index.php?rest_route=\/wp\/v2\/posts\/14\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/www.dankaufman.org\/WP\/index.php?rest_route=\/wp\/v2\/posts\/14\/revisions\/25"}],"wp:attachment":[{"href":"https:\/\/www.dankaufman.org\/WP\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dankaufman.org\/WP\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=14"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dankaufman.org\/WP\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}