html部分
驗證碼<input type="text" value="" id="txt" />
<input type="button" value="重新整理" id="btn" />
<input type="button" value="清除" id="btn1" />
如圖
js部分
這裡我把函數寫在了一起
function random(a,b){
return Math.round(Math.random()*(a-b)+b);
}//random為在a和b見随機生成一個數
var otxt=document.getElementById("txt");
var obtn=document.getElementById("btn");
var obtn1=document.getElementById("btn1");//擷取文本框即按鈕
obtn.onclick=function(){
var str=""; //這行不寫在點選事件裡面 每點一次按鈕驗證碼就會疊加在一起
for(i=1;i<5;i++){//4位的驗證碼,是以小于5
a=String.fromCharCode(random(65,90));//A-Z
b=String.fromCharCode(random(48,57));//1-9
c=String.fromCharCode(random(97,122));//a-z
d=random(1,3);//這裡調用上面定義的random(a,b),假裝變量abc分别為123,d随機到的1或2或3剛好對應的數字或字母,str進行疊加
if(d==1){
str+=a;
}
else if(d==2){
str+=b;
}
else if(d==3){
str+=c;
}
}//4次循環結束
otxt.value=str;//把得到的str給文本框
}
obtn1.onclick=function(){
var str1="";
otxt.value=str1;
}//清除按鈕
效果如圖