デジタルゲート – ホームページ制作やリニューアル、サイトの企画・制作・運営をしています

ランダム文字列生成スクリプト（JavaScript版）

·

master

指定した文字種と文字数で、ランダムな文字列が作成できます。 基本はローマ字小文字（a-z）追加したい文字種があればチェックします。

ローマ字大文字（A-Z） 数字（0-9） ハイフン「-」 アンダーバー「_」
そのままコピペで使えるJavaScriptとhtmlは以下 
<script type="text/javascript" language="JavaScript">
	function Generat(){
		var result = '';
		var source ='abcdefghijklmnopqrstuvwxyz';
		if(document.generator.c1.checked){source +='ABCDEFGHIJKLMNOPQRSTUVWXYZ';}
		if(document.generator.c2.checked){source +='0123456789';}
		if(document.generator.c3.checked){source +='-';}
		if(document.generator.c4.checked){source +='_';}
		var len = document.generator.c5.options[document.generator.c5.selectedIndex].value; 
		for(var i=0; i<len; i++) {result += source.charAt( Math.floor( Math.random() * source.length));}
		alert(result);
		return result;
	}
</script>
<form name="generator">
<input type="checkbox" name="c1" checked>ローマ字大文字（A-Z）<br>
<input type="checkbox" name="c2" checked>数字（0-9）<br>
<input type="checkbox" name="c3">ハイフン「-」<br>
<input type="checkbox" name="c4">アンダーバー「_」<br>
<select name="c5">
<option value="4">4
<option value="5">5
<option value="6">6
<option value="7">7
<option value="8">8
<option value="9">9
<option value="10">10
<option value="11">11
<option value="12">12
<option value="13">13
<option value="14">14
<option value="15">15
<option value="16">16
<option value="17">17
<option value="18">18
<option value="19">19
<option value="20">20
<option value="21">21
<option value="22">22
<option value="23">23
<option value="24">24
<option value="25">25
<option value="26">26
<option value="27">27
<option value="28">28
<option value="29">29
<option value="30">30
<option value="31">31
<option value="32">32
<option value="33">33
<option value="34">34
<option value="35">35
<option value="36">36
<option value="37">37
<option value="38">38
<option value="39">39
<option value="40">40
<option value="41">41
<option value="42">42
<option value="43">43
<option value="44">44
<option value="45">45
<option value="46">46
<option value="47">47
<option value="48">48
<option value="49">49
<option value="50">50
<option value="51">51
<option value="52">52
<option value="53">53
<option value="54">54
<option value="55">55
<option value="56">56
<option value="57">57
<option value="58">58
<option value="59">59
<option value="60">60
<option value="61">61
<option value="62">62
<option value="63">63
<option value="64">64
</select> 文字<br>
<input value="作成" onclick="Generat()" type="button"><br>
</form>

In:

, ,

Tags:

,