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 相关文章推荐
一段利用WSH获取登录时间的jscript代码
May 11 Javascript
JavaScript iframe的相互操作浅析
Oct 14 Javascript
实现动画效果核心方式的js代码
Sep 27 Javascript
用js代码和插件实现wordpress雪花飘落效果的四种方法
Dec 15 Javascript
Bootstrap carousel轮转图的使用实例详解
May 17 Javascript
jQuery实现简单弹窗遮罩效果
Feb 27 Javascript
Vue2.0如何发布项目实战
Jul 27 Javascript
微信小程序实现表单校验功能
Mar 30 Javascript
详解javascript中的babel到底是什么
Jun 21 Javascript
Vue开发实现吸顶效果的示例代码
Aug 21 Javascript
简单的React SSR服务器渲染实现
Dec 11 Javascript
详解Vue的mixin策略
Nov 19 Vue.js
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上的memcache和memcached两个pecl库
2010/03/29 PHP
PHP中ini_set和ini_get函数的用法小结
2014/02/18 PHP
PHP编程快速实现数组去重的方法详解
2017/07/22 PHP
Avengerls vs KG BO3 第一场2.18
2021/03/10 DOTA
有趣的javascript数组定义方法
2010/09/10 Javascript
捕获和分析JavaScript Error的方法
2014/03/25 Javascript
JS实现仿新浪微博发布内容为空时提示功能代码
2015/08/19 Javascript
javascript之Boolean类型对象
2016/06/07 Javascript
Bootstrap表单布局
2016/07/19 Javascript
js实现带缓动动画的导航栏效果
2017/01/16 Javascript
JS实现点击Radio动态更新table数据
2017/07/18 Javascript
Angular.js中数组操作的方法教程
2017/07/31 Javascript
JS判断用户用的哪个浏览器实例详解
2018/10/09 Javascript
vue组件之间的数据传递方法详解
2019/04/19 Javascript
微信小程序遍历Echarts图表实现多个饼图
2019/04/25 Javascript
[01:02:04]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
python 自动去除空行的实例
2018/07/24 Python
opencv实现图片模糊和锐化操作
2018/11/19 Python
python实现矩阵打印
2019/03/02 Python
解决Tensorboard可视化错误:不显示数据 No scalar data was found
2020/02/15 Python
用 Python 制作地球仪的方法
2020/04/24 Python
django 模型中的计算字段实例
2020/05/19 Python
python分布式爬虫中消息队列知识点详解
2020/11/26 Python
Django使用django-simple-captcha做验证码的实现示例
2021/01/07 Python
Whittard官方海外旗舰店:英国百年茶叶品牌
2018/02/22 全球购物
Famous Footwear加拿大:美国多品牌运动休闲鞋店
2018/12/05 全球购物
俄罗斯奢侈品牌衣服、鞋子和配饰的在线商店:INTERMODA
2020/07/17 全球购物
安卓程序员求职信
2014/02/28 职场文书
法人代表授权委托书
2014/04/08 职场文书
运动会方队口号
2014/06/07 职场文书
平面设计专业求职信
2014/08/09 职场文书
公司捐书倡议书
2015/04/27 职场文书
担保书怎么写 ?
2019/04/22 职场文书
2019大学生实习报告
2019/06/21 职场文书
秀!学妹看见都惊呆的Python小招数!【详细语言特性使用技巧】
2021/04/27 Python
Mysql将字符串按照指定字符分割的正确方法
2022/05/30 MySQL