天天看點

js随機生成4位驗證碼(包括數字英文大小寫)

html部分

驗證碼<input type="text" value="" id="txt" />
		<input type="button" value="重新整理" id="btn" />
		<input type="button" value="清除" id="btn1" />
           

如圖

js随機生成4位驗證碼(包括數字英文大小寫)

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;
	
		}//清除按鈕
           

效果如圖

js随機生成4位驗證碼(包括數字英文大小寫)