Episode 490: Placing a Button for Automatic Password Generation

Monday, July 4, 2016
"Too many input fields!"

Dissatisfactions for a Workflow system, many of them are "labor for data input". However, it tends to increase the number of data which is "inevitable to input", for continuing Business Process improvement. Then...

It might seem surprising, but the most efficient burden reduction measures is "to enable to Click-input for some common data". Although nothing is better than to experience actually, the work efficiency becomes very good if one click entry was possible even for five or ten letters. And you will feel so good, if you can input one after another to a lot of input forms that have placed in a row.

The following sample is an altered version of "Button input", which I introduced to you previously, by adding "a button for automatic generation and input of a password". By arranging such a button, you will be able to correspond to a work such as, for example, "issuing a system account" with concentrating.

Reference) Episode 481: Devising of "Button Input" to Input Form

[Test flow for Input Form 2]

[Test flow for Input Form 2:"1. Input test" screen]

By the way, there are various algorithms for so-called "Password generator". In the functional aspects, various variations also can be considered. A generator which is capable of configuration of Password policy that mandates symbols, numbers, Uppercase letters, or Lowercase letters, etc. Or, one that excludes Uppercase "i" and Lowercase "L".

This is a sample of an algorithm which is quite simple. It generates new passwords every time you click it. I think this is sufficient for daily business operations.

[Operation gif]

= Setting sample of "Password generation button" (HTML/JavaScript)
<button type="button" id="myGenerate">Generate</button>
<script type="text/javascript">
jQuery('#myGenerate').on('click',function(){

var num = jQuery('input[name="data\\[14\\].input"]').val();
var mySet = "abcdefghjkmnpqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789#$%&+-";

var myPassword = "";
for(var i=0; i < num; i++){
  myPassword += mySet.charAt( Math.floor( Math.random() * mySet.length ) );
} // Math.random() -> 0.00 ~ 0.99

jQuery('input[name="data\\[15\\].input"]').val( myPassword );
});
</script>

[Data Items list]


[Free Download]
<Similar Models>
<<Related Articles>>

[Japanese Entry (ε’Œζ–‡θ¨˜δΊ‹)]