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 相关文章推荐
纯js实现的论坛常用的运行代码的效果
Jul 15 Javascript
借用Google的Javascript API Loader来加速你的网站
Jan 28 Javascript
通过判断JavaScript的版本实现执行不同的代码
May 11 Javascript
jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路
Apr 08 Javascript
深入学习AngularJS中数据的双向绑定机制
Mar 04 Javascript
基于jquery实现即时检查格式是否正确的表单
May 06 Javascript
Web前端框架Angular4.0.0 正式版发布
Mar 28 Javascript
JS中mouseup事件丢失的原因与解决办法
Jun 14 Javascript
vue初尝试--项目结构(推荐)
Jan 30 Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
Apr 24 Javascript
开源一个微信小程序仪表盘组件过程解析
Jul 30 Javascript
如何利用javascript接收json信息并进行处理
Aug 06 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类的扩展和继承用法实例
2015/06/20 PHP
php版微信公众平台接口参数调试实现判断用户行为的方法
2016/09/23 PHP
ThinkPHP使用getlist方法实现数据搜索功能示例
2017/05/08 PHP
Js动态创建div
2008/09/25 Javascript
jQuery 源码分析笔记(6) jQuery.data
2011/06/08 Javascript
使用js实现一个可编辑的select下拉列表
2014/02/20 Javascript
js模拟C#中List的简单实例
2014/03/06 Javascript
用js替换除数字与逗号以外的所有字符的代码
2014/06/07 Javascript
HTML5使用DeviceOrientation实现摇一摇功能
2015/06/05 Javascript
浅谈JS的基础类型与引用类型
2016/09/13 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
2016/12/08 Javascript
bootstrap按钮插件(Button)使用方法解析
2017/01/13 Javascript
微信小程序 拍照或从相册选取图片上传代码实例
2019/08/28 Javascript
线程和进程的区别及Python代码实例
2015/02/04 Python
10个易被忽视但应掌握的Python基本用法
2015/04/01 Python
Python爬取APP下载链接的实现方法
2016/09/30 Python
python snownlp情感分析简易demo(分享)
2017/06/04 Python
Python数据结构与算法之完全树与最小堆实例
2017/12/13 Python
浅谈python之新式类
2018/08/12 Python
python TK库简单应用(实时显示子进程输出)
2019/10/29 Python
Python3加密解密库Crypto的RSA加解密和签名/验签实现方法实例
2020/02/11 Python
Python3基本输入与输出操作实例分析
2020/02/14 Python
详解CSS3中nth-child与nth-of-type的区别
2017/01/05 HTML / CSS
绩效工资分配方案
2014/01/18 职场文书
土木工程专业推荐信
2014/02/19 职场文书
我们的节日清明节活动方案
2014/03/05 职场文书
合作意向协议书范本
2014/03/31 职场文书
运动会广播稿200字(10篇)
2014/10/12 职场文书
县委党的群众路线教育实践活动工作情况报告
2014/10/25 职场文书
2014年初一班主任工作总结
2014/11/08 职场文书
承兑汇票转让证明怎么写?
2014/11/30 职场文书
2015年财务试用期工作总结
2014/12/24 职场文书
悬崖上的金鱼姬观后感
2015/06/15 职场文书
企业安全生产规章制度
2015/08/06 职场文书
完美解决golang go get私有仓库的问题
2021/05/05 Golang
Python移位密码、仿射变换解密实例代码
2021/06/27 Python