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 相关文章推荐
Array栈方法和队列方法的特点说明
Jan 24 Javascript
JavaScript实现数字数组正序排列的方法
Apr 06 Javascript
jquery中toggle函数交替使用问题
Jun 22 Javascript
JavaScript模块规范之AMD规范和CMD规范
Oct 27 Javascript
angularjs自定义ng-model标签的属性
Jan 21 Javascript
JavaScript函数柯里化原理与用法分析
Mar 31 Javascript
微信小程序新增的拖动组件movable-view使用教程
May 20 Javascript
JS中的三个循环小结
Jun 20 Javascript
vue生成token并保存到本地存储中
Jul 17 Javascript
layui 实现表格某一列显示图标
Sep 19 Javascript
vue中jsonp插件的使用方法示例
Sep 10 Javascript
JavaScript中arguments的使用方法详解
Dec 20 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创建基本身份认证站点的方法详解
2013/06/08 PHP
ThinkPHP3.1新特性之字段合法性检测详解
2014/06/19 PHP
Yii不依赖Model的表单生成器用法实例
2014/12/04 PHP
PHP魔术方法的使用示例
2015/06/23 PHP
php四种定界符详解
2017/02/16 PHP
Laravel自定义 封装便捷返回Json数据格式的引用方法
2019/09/29 PHP
Nigma vs Liquid BO3 第一场2.13
2021/03/10 DOTA
如何用javascript判断录入的日期是否合法
2007/01/08 Javascript
基于Asp.net与Javascript控制的日期控件
2010/05/22 Javascript
Web开发者必备的12款超赞jQuery插件
2010/12/03 Javascript
编写js扩展方法判断一个数组中是否包含某个元素
2013/11/08 Javascript
javascript常用的正则表达式实例
2014/05/15 Javascript
jQuery实现表单提交时判断的方法
2014/12/13 Javascript
基于JavaScript实现屏幕滚动效果
2017/01/18 Javascript
vuejs2.0子组件改变父组件的数据实例
2017/05/10 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
2017/06/13 Javascript
大转盘抽奖小程序版 转盘抽奖网页版
2020/04/16 Javascript
JavaScript学习教程之cookie与webstorage
2019/06/23 Javascript
JavaScript制作3D旋转相册
2020/08/02 Javascript
vue.js实现h5机器人聊天(测试版)
2020/07/16 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
2020/09/22 Javascript
Python中的jquery PyQuery库使用小结
2014/05/13 Python
日常整理python执行系统命令的常见方法(全)
2015/10/22 Python
Python3实现爬取指定百度贴吧页面并保存页面数据生成本地文档的方法
2018/04/22 Python
pyqt远程批量执行Linux命令程序的方法
2019/02/14 Python
用python给自己做一款小说阅读器过程详解
2019/07/11 Python
Python 用三行代码提取PDF表格数据
2019/10/13 Python
Python+OpenCV实现将图像转换为二进制格式
2020/01/09 Python
使用tkinter实现三子棋游戏
2021/02/25 Python
欧洲、亚洲、非洲和拉丁美洲的度假套餐:Great Value Vacations
2019/03/30 全球购物
乐高西班牙官方商店:LEGO Shop ES
2019/12/01 全球购物
什么叫应用程序域?什么是受管制的代码?什么是强类型系统?什么是装箱和拆箱?
2016/08/13 面试题
酒店服务实习自我鉴定
2013/09/22 职场文书
工业自动化毕业生自荐信范文
2014/01/04 职场文书
2014年教师节讲话稿5篇
2014/09/10 职场文书
车辆挂靠协议书
2016/03/23 职场文书