<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用js做数字字母混合的随机四位验证码</title>
</head>
<body>
<input type="text" id="txt"/> // 创建一个文本框
<input type="button" value="刷新验证码" id="btn"/> //创建一个刷新按钮
</body>
<script>
var oTxt=document.getElementById("txt");
var oBtn=document.getElementById("btn");
function random(a,b){
return Math.round(Math.random()*(a-b)+b);
}
oBtn.onclick=function(){
oTxt.value=""; //每次点击刷新文本框内四位二维码,防止多次点击验证码叠加。
var arr=[ ]; //定义一个空数组
for(var i=0;i<26;i++){
arr.push(String.fromCharCode(65+i)); //向数组中添加26位大写字母
}
for(var i=0;i<26;i++){
arr.push(String.fromCharCode(97+i)); //向数组中添加26位小写字母
}
for(var j=0;j<=9;j++){
arr.push(j); // 向数组中添加0-9共10位数字
}
console.log(arr); //在控制台打印出这个含有大小写字母和数字的数组,方便查看是否出错,可去除。
for(var m=0;m<4;m++){ //循环四次,从而打印出四位随机验证码
oTxt.value+=arr[random(0,61)]; //给文本框赋值,用random()调用外部函数,随机产生索引为0-61的数,将这个索引位表示的数赋值给文本框。
}
}
</script>
</html>