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 相关文章推荐
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
Aug 17 Javascript
jquery实现简单合拢与展开网页面板的方法
Sep 01 Javascript
jQuery层次选择器用法示例
Sep 09 Javascript
Bootstrap分页插件之Bootstrap Paginator实例详解
Oct 15 Javascript
详解利用exif.js解决ios手机上传竖拍照片旋转90度问题
Nov 04 Javascript
js实现3d悬浮效果
Feb 16 Javascript
javascript完美实现给定日期返回上月日期的方法
Jun 15 Javascript
微信小程序如何获取用户手机号
Jan 26 Javascript
如何在基于vue-cli的项目自定义打包环境
Nov 10 Javascript
JavaScript中十种一步拷贝数组的方法实例详解
Apr 22 Javascript
Angular2使用SVG自定义图表(条形图、折线图)组件示例
May 10 Javascript
如何在JavaScript中使用localStorage详情
Feb 04 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自动更新新闻DIY
2006/10/09 PHP
PHP中overload与override的区别
2017/02/13 PHP
PHP构造二叉树算法示例
2017/06/21 PHP
JQuery1.6 使用方法三
2011/11/23 Javascript
使用jQuery清空file文件域的解决方案
2013/04/12 Javascript
Window.Open如何在同一个标签页打开
2014/06/20 Javascript
JavaScript模拟实现继承的方法
2015/03/30 Javascript
jquery实现的缩略图预览滑块实例
2015/06/25 Javascript
深入分析下javascript中的[]()+!
2015/07/07 Javascript
javascript基础语法——全面理解变量和标识符
2016/06/02 Javascript
AngularJS入门教程之Cookies读写操作示例
2016/11/02 Javascript
手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效
2016/12/06 Javascript
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
2017/03/06 Javascript
JavaScript中的遍历详解(多种遍历)
2017/04/07 Javascript
vue router 跳转后回到顶部的实例
2018/08/31 Javascript
小程序兼容安卓和IOS数据处理问题及坑
2018/09/18 Javascript
angular 服务随记小结
2019/05/06 Javascript
微信小程序之几种常见的弹框提示信息实现详解
2019/07/11 Javascript
javascript 原型与原型链的理解及应用实例分析
2020/02/10 Javascript
[59:42]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
深入浅析Python字符编码
2015/11/12 Python
django model去掉unique_together报错的解决方案
2016/10/18 Python
Python数据类型之String字符串实例详解
2019/05/08 Python
Python matplotlib绘制饼状图功能示例
2019/09/10 Python
Tensorflow 定义变量,函数,数值计算等名字的更新方式
2020/02/10 Python
python和c语言哪个更适合初学者
2020/06/22 Python
python3实现飞机大战
2020/11/29 Python
The North Face北面德国官网:美国著名户外品牌
2018/12/12 全球购物
高校生生产实习自我鉴定
2013/09/21 职场文书
程序员岗位职责
2013/11/11 职场文书
理想点亮人生演讲稿
2014/05/21 职场文书
副总经理任命书
2014/06/05 职场文书
助人为乐好少年事迹材料
2014/08/18 职场文书
党的群众路线教育实践活动调研报告
2014/11/03 职场文书
2019年怎样才能撰写出优秀的自荐信
2019/03/25 职场文书
Python代码,能玩30多款童年游戏!这些有几个是你玩过的
2021/04/27 Python