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 相关文章推荐
javascript数组组合成字符串的脚本
Jan 06 Javascript
js中传递特殊字符(+,&amp;)的方法
Jan 16 Javascript
JavaScript制作的可折叠弹出式菜单示例
Apr 04 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
Oct 21 Javascript
概述VUE2.0不可忽视的很多变化
Sep 25 Javascript
Vue监听数组变化源码解析
Mar 09 Javascript
JavaScript正则表达式函数总结(常用)
Feb 22 Javascript
vue仿element实现分页器效果
Sep 13 Javascript
VUE解决微信签名及SPA微信invalid signature问题(完美处理)
Mar 29 Javascript
详解Vue依赖收集引发的问题
Apr 22 Javascript
vue 解除鼠标的监听事件的方法
Nov 13 Javascript
微信小程序实现树莓派(raspberry pi)小车控制
Feb 12 Javascript
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 htmlspecialchars()与shtmlspecialchars()函数的深入分析
2013/06/05 PHP
PHP字符串比较函数strcmp()和strcasecmp()使用总结
2014/11/19 PHP
JS 巧妙获取剪贴板数据 Excel数据的粘贴
2009/07/09 Javascript
jquery的ajax从纯真网(cz88.net)获取IP地址对应地区名
2009/12/02 Javascript
jQuery写fadeTo示例代码
2014/02/21 Javascript
JavaScript中的值类型详细介绍
2014/12/29 Javascript
Bootstrap源码解读导航条(7)
2016/12/23 Javascript
Bootstrap源码解读模态弹出框(11)
2016/12/28 Javascript
Web 开发中Ajax的Session 超时处理方法
2017/01/19 Javascript
JS实现图片点击后出现模态框效果
2017/05/03 Javascript
关于页面刷新vuex数据消失问题解决方案
2017/07/03 Javascript
详解ajax的data参数错误导致页面崩溃
2018/04/30 Javascript
React 使用recharts实现散点地图的示例代码
2018/12/07 Javascript
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
antd form表单数据回显操作
2020/11/02 Javascript
[00:47]TI7不朽珍藏III——沙王不朽展示
2017/07/15 DOTA
[47:38]Optic vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
python连接池实现示例程序
2013/11/26 Python
使用wxPython获取系统剪贴板中的数据的教程
2015/05/06 Python
在Python的Django框架中创建和使用模版
2015/07/15 Python
在Python中使用defaultdict初始化字典以及应用方法
2018/10/31 Python
对python判断是否回文数的实例详解
2019/02/08 Python
python处理DICOM并计算三维模型体积
2019/02/26 Python
Python Numpy库常见用法入门教程
2020/01/16 Python
python实现翻译word表格小程序
2020/02/27 Python
解决 jupyter notebook 回车换两行问题
2020/04/15 Python
HTML5页面中尝试调起APP功能
2017/09/12 HTML / CSS
html2canvas截图空白问题的解决
2020/03/24 HTML / CSS
linux面试题参考答案(5)
2014/09/01 面试题
房地产员工找工作的自我评价
2013/11/15 职场文书
应届毕业生应聘自荐信范文
2014/02/26 职场文书
儿童生日会策划方案
2014/05/15 职场文书
先进党支部申报材料
2014/12/24 职场文书
学子宴致辞大全
2015/07/27 职场文书
关于军训的感想
2015/08/07 职场文书
联想win10摄像头打不开怎么办?win10笔记本摄像头打不开解决办法
2022/04/08 数码科技