注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

牧野流星

每个人心中都有一个梦想..........

 
 
 

日志

 
 

js生成验证码-全数字  

2013-09-12 09:10:57|  分类: JS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
  1. <style type="text/css">  
  2.     .code{  
  3.     font-family:Arial;  
  4.     font-style:italic;  
  5.     color:white;  
  6.     border:0;  
  7.     padding:2px 3px;  
  8.     letter-spacing:3px;  
  9.     font-weight:bolder;  
  10.     width:40px;height: 20px;color:#FFFFFF;text-align: center;  
  11.       
  12.     }  
  13.     </style>  
  14.   
  15. <body oncontextmenu="self.event.returnValue=false">  
  16.        
  17.    <input id="codein" type="text" onblur="checkcode()"/>  
  18.    <label id="code" class="code" onselectstart="return false" onclick="divclick()" ></label>  
  19.   </body>  
  20.   <script type="text/javascript">  
  21.         var number1='';  
  22.         var color='#';  
  23.         for(var i=0;i<4;i++){number1+=parseInt(Math.random()*10);}  
  24.         for(var i=0;i<6;i++){color+=parseInt(Math.random()*9);}  
  25.         document.getElementById("code").style.backgroundColor=color;  
  26.         document.getElementById("code").innerHTML=number1;  
  27.     function divclick(){  
  28.         var number1='';  
  29.         var color='#';  
  30.         for(var i=0;i<4;i++){number1+=parseInt(Math.random()*10);}  
  31.         for(var i=0;i<6;i++){color+=parseInt(Math.random()*9);}  
  32.         document.getElementById("code").style.backgroundColor=color;  
  33.         document.getElementById("code").innerHTML=number1;  
  34.         return number1;  
  35.     }  
  36.     function checkcode(){  
  37.         var code=document.getElementById("code").innerHTML;  
  38.         var codein=document.getElementById("codein").value;  
  39.         if(code==codein){  
  40.             alert("验证码正确");  
  41.         }else{  
  42.             alert("验证码错误");  
  43.         }  
  44.     }  
  45.       
  46.   </script>  
  评论这张
 
阅读(135)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018