<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Random Chars</title>
<style type="text/css">
body {
font-size: 10px;
text-align: center;
}
td {
border: 1px solid #137d5c;
text-align: center;
}
input {
border: 1px solid #137d5c;
font-size: 12px;
text-align: center;
}
</style>
<script language="JavaScript">
function getRandomChars(length) {
if (isNaN(length)) {
document.getElementById("error").innerText = "鬧呢!輸入數字!";
return;
} else if (parseInt(length) <= 0) {
document.getElementById("error").innerText = "你會好好的不!!!";
return;
} else if (parseInt(length) > 16) {
document.getElementById("error").innerText = "太長了!最大16!瞎試什麼!老實兒的!";
return;
} else
document.getElementById("error").innerText = "";
var ranChars = "";
var chars = "";
var numChars = "0123456789";
var lowChars = "abcdefghijklmnopqrstuvwxyz";
var upChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var symChars = "`~!@#$%^&*()-_=+[{]}\\|;:'\",<.>/?"
if (document.ranForm.numChars.checked)
chars += numChars;
if (document.ranForm.lowChars.checked)
chars += lowChars;
if (document.ranForm.upChars.checked)
chars += upChars;
if (document.ranForm.symChars.checked)
chars += symChars;
if (chars.length < 1) {
document.getElementById("error").innerText = "鬧呢!P都不選生成個P啊!";
return;
} else
document.getElementById("error").innerText = "";
for ( var i = 0; i < length; i++) {
ranChars = ranChars + chars.charAt(Math.random() * chars.length);
}
document.getElementById('ranChars').value = ranChars;
}
</script>
</head>
<body>
<center>
<form name="ranForm">
<table width="310">
<tr>
<td>數字<input name="numChars" type="checkbox" />小寫字母<input
name="lowChars" type="checkbox" />大寫字母<input name="upChars"
type="checkbox" />符號<input name="symChars" type="checkbox" />
</td>
</tr>
<tr>
<td>長度<input id="len" type="text" size="1" maxlength="2"
value="數字" /><input id="getRan" type="button" value="生成隨機字符"
onClick="getRandomChars(document.getElementById('len').value)" />
<input id="ranChars" type="text" readonly="readonly" size="22" /><br />
<div id="error" style="color: red;"></div>
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
JS生成隨機字符
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.