JavaScript 随机验证码的生成实例代码


Posted in Javascript onSeptember 22, 2016

随机验证码的生成

1: 主体部分

<script> 
 var code ; //在全局 定义验证码 
function createCode() 
   {  
    code = ""; 
    var codeLength = 6;//验证码的长度 
    var checkCode = document.getElementById("checkCode"); 
    var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');//所有候选组成验证码的字符,当然也可以用中文的 
     
    for(var i=0;i<codeLength;i++) 
    { 
    
     
    var charIndex = Math.floor(Math.random()*36); 
    code +=selectChar[charIndex]; 
     
     
    } 
//    alert(code); 
    if(checkCode) //这里不是很懂,有高手可以解释下 
    { 
     checkCode.className="code"; 
     checkCode.value = code; 
    } 
     
   } 
    
function validate () 
   { 
    var inputCode = document.getElementById("input1").value; 
    if(inputCode.length <=0) 
    { 
      alert("请输入验证码!"); 
      document.getElementById("input1").focus(); 
    } 
    else if(inputCode != code ) 
    { 
     alert("验证码输入错误!"); 
     createCode();//刷新验证码 
     inputCode = ""; 
     document.getElementById("input1").focus(); 
    }else{ 
      document.frmRegister.submit(); 
    } 
     
     
    } 
<script>

接下来时如何放入到验证框里面了

<input type="text"  id="checkCode" class="unchanged" style="width: 80px"  readonly/>  

 接着就是判断了

<input  type="text"  onclick="createCode()" id="input1" />   

OK....搞定...这里的onclik是只要动了就移开

以上就是JS 随机生成验证码的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!

Javascript 相关文章推荐
繁简字转换功能
Jul 19 Javascript
Javascript String.replace的妙用
Sep 08 Javascript
中国地区三级联动下拉菜单效果分析
Nov 15 Javascript
JavaScript function 的 length 属性使用介绍
Sep 15 Javascript
node.js中的fs.existsSync方法使用说明
Dec 17 Javascript
javascript Array 数组常用方法
Apr 05 Javascript
jQuery序列化表单成对象的简单实现
Nov 29 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
Dec 15 Javascript
javaScript中&quot;==&quot;和&quot;===&quot;的区别详解
Mar 16 Javascript
jQuery+Cookie实现切换皮肤功能【附源码下载】
Mar 25 jQuery
jQuery实现仿京东防抖动菜单效果示例
Jul 06 jQuery
多种类型jQuery网页验证码插件代码实例
Jan 09 jQuery
D3.js实现雷达图的方法详解
Sep 22 #Javascript
javascript函数中的3个高级技巧
Sep 22 #Javascript
JavaScript省市区三级联动菜单效果
Sep 21 #Javascript
Angular2 环境配置详细介绍
Sep 21 #Javascript
JS实现鼠标滑过显示边框的菜单效果
Sep 21 #Javascript
JS 动态判断PC和手机浏览器实现代码
Sep 21 #Javascript
详解AngularJs中$resource和restfu服务端数据交互
Sep 21 #Javascript
You might like
PHP仿盗链代码
2012/06/03 PHP
使用php+apc实现上传进度条且在IE7下不显示的问题解决方法
2013/04/25 PHP
php处理restful请求的路由类分享
2014/02/27 PHP
linux下安装php的memcached客户端
2014/08/03 PHP
学习php中的正则表达式
2014/08/17 PHP
PHP实现对xml进行简单的增删改查(CRUD)操作示例
2017/05/19 PHP
浅谈PHP发送HTTP请求的几种方式
2017/07/25 PHP
在js中单选框和复选框获取值的方式
2009/11/06 Javascript
简单实用jquery版三级联动select示例
2013/07/04 Javascript
jQuery实现自定义右键菜单的树状菜单效果
2015/09/02 Javascript
JS实现的打字机效果完整实例
2016/06/20 Javascript
javascript对浅拷贝和深拷贝的详解
2016/10/14 Javascript
使用Angular.js开发的注意事项
2016/10/19 Javascript
利用Chrome DevTools直接调试Node.js和JavaScript的方法详解(并行)
2017/02/16 Javascript
JavaScript数组和对象的复制
2017/03/21 Javascript
JavaScript中判断为整数的多种方式及保留两位小数的方法
2019/09/09 Javascript
vue界面发送表情的实现代码
2020/09/11 Javascript
electron踩坑之remote of undefined的解决
2020/10/06 Javascript
用Python编写一个简单的俄罗斯方块游戏的教程
2015/04/03 Python
在Python中用split()方法分割字符串的使用介绍
2015/05/20 Python
用Python一键搭建Http服务器的方法
2018/06/01 Python
python使用__slots__让你的代码更加节省内存
2018/09/05 Python
python实现批量视频分帧、保存视频帧
2019/05/31 Python
利用 Flask 动态展示 Pyecharts 图表数据方法小结
2019/09/04 Python
使用django和vue进行数据交互的方法步骤
2019/11/11 Python
浅谈Pytorch torch.optim优化器个性化的使用
2020/02/20 Python
Python selenium爬取微信公众号文章代码详解
2020/08/12 Python
通过实例了解python__slots__使用方法
2020/09/14 Python
展会邀请函范文
2014/01/26 职场文书
广告词串烧
2014/03/19 职场文书
老公保证书范文
2014/04/29 职场文书
三年级班级文化建设方案
2014/05/04 职场文书
反邪教警示教育方案
2014/05/13 职场文书
个人收入证明模板
2014/09/18 职场文书
2016年猴年新春致辞
2015/08/01 职场文书
windows安装python超详细图文教程
2021/05/21 Python