`

js生成验证码

 
阅读更多

<style type="text/css">
	.code{
	font-family:Arial;
	font-style:italic;
	color:white;
	border:0;
	padding:2px 3px;
	letter-spacing:3px;
	font-weight:bolder;
	width:40px;height: 20px;color:#FFFFFF;text-align: center;
	
	}
	</style>

<body oncontextmenu="self.event.returnValue=false">
     
   <input id="codein" type="text" onblur="checkcode()"/>
   <label id="code" class="code" onselectstart="return false" onclick="divclick()" ></label>
  </body>
  <script type="text/javascript">
  		var number1='';
	  	var color='#';
	  	for(var i=0;i<4;i++){number1+=parseInt(Math.random()*10);}
	  	for(var i=0;i<6;i++){color+=parseInt(Math.random()*9);}
	  	document.getElementById("code").style.backgroundColor=color;
	  	document.getElementById("code").innerHTML=number1;
  	function divclick(){
	  	var number1='';
	  	var color='#';
	  	for(var i=0;i<4;i++){number1+=parseInt(Math.random()*10);}
	  	for(var i=0;i<6;i++){color+=parseInt(Math.random()*9);}
	  	document.getElementById("code").style.backgroundColor=color;
	  	document.getElementById("code").innerHTML=number1;
	  	return number1;
  	}
  	function checkcode(){
  		var code=document.getElementById("code").innerHTML;
  		var codein=document.getElementById("codein").value;
  		if(code==codein){
  			alert("验证码正确");
  		}else{
  			alert("验证码错误");
  		}
  	}
  	
  </script>
 
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics