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 相关文章推荐
一端时间轮换的广告
Jun 26 Javascript
jquery与google map api结合使用 控件,监听器
Mar 04 Javascript
js封装的textarea操作方法集合(兼容很好)
Nov 16 Javascript
jquery text()方法取标签中的文本
Jul 25 Javascript
javascript的tab切换原理与效果实现方法
Jan 10 Javascript
jquery 禁止鼠标右键并监听右键事件
Apr 27 jQuery
通过命令行生成vue项目框架的方法
Jul 12 Javascript
Angular4开发解决跨域问题详解
Aug 28 Javascript
Bootstrap一款超好用的前端框架
Sep 25 Javascript
ES6解构赋值实例详解
Oct 31 Javascript
在 Typescript 中使用可被复用的 Vue Mixin功能
Apr 17 Javascript
用jQuery将JavaScript对象转换为querystring查询字符串的方法
Nov 12 jQuery
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 GD 图像处理组件的常用函数总结
2010/04/28 PHP
php 带逗号千位符数字的处理方法
2012/01/10 PHP
PHP统计当前在线用户数实例讲解
2015/10/21 PHP
php实现网站文件批量压缩下载功能
2015/10/28 PHP
php利用ffmpeg提取视频中音频与视频画面的方法详解
2017/06/07 PHP
php中如何执行linux命令详解
2018/11/06 PHP
js统计录入文本框中字符的个数并加以限制不超过多少
2014/05/23 Javascript
改变状态栏文字的js代码
2014/06/13 Javascript
jquery取子节点及当前节点属性值的方法
2014/09/09 Javascript
innerHTML在IE中报错解决方案
2014/12/15 Javascript
JavaScript简单实现弹出拖拽窗口(一)
2016/06/17 Javascript
基于javascript实现数字英文验证码
2017/01/25 Javascript
详解vue.js全局组件和局部组件
2017/04/10 Javascript
bootstrap日期控件问题(双日期、清空等问题解决)
2017/04/19 Javascript
JavaScript转换数据库DateTime字段类型方法
2017/06/27 Javascript
浅谈如何通过node.js对数据进行MD5加密
2018/05/16 Javascript
小程序转发探索示例
2019/02/19 Javascript
Vue强制组件重新渲染的方法讨论
2020/02/03 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
2020/09/18 Javascript
Python获取系统默认字符编码的方法
2015/06/04 Python
python生成密码字典的方法
2018/07/06 Python
Python 实现某个功能每隔一段时间被执行一次的功能方法
2018/10/14 Python
python微信公众号之关注公众号自动回复
2018/10/25 Python
Linux上使用Python统计每天的键盘输入次数
2019/04/17 Python
记录Python脚本的运行日志的方法
2019/06/05 Python
python 统计文件中的字符串数目示例
2019/12/24 Python
美味咖啡的顶级烘焙师:Cafe Britt
2018/03/15 全球购物
介绍一下linux文件系统分配策略
2012/11/17 面试题
MySQL面试题目集锦
2016/04/14 面试题
文明餐桌行动实施方案
2014/02/19 职场文书
2015年财务个人工作总结范文
2015/05/22 职场文书
感恩的心主题班会
2015/08/12 职场文书
原生CSS实现文字无限轮播的通用方法
2021/03/30 HTML / CSS
python 自动化偷懒的四个实用操作
2021/04/11 Python
简单聊一聊SQL注入及防止SQL注入
2022/03/23 MySQL
Android超详细讲解组件ScrollView的使用
2022/03/31 Java/Android