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 相关文章推荐
不能再简单的无闪刷新验证码原理很简单
Nov 05 Javascript
jquery dialog open后,服务器端控件失效的快速解决方法
Dec 19 Javascript
js实现文章文字大小字号功能完整实例
Nov 01 Javascript
js鼠标悬浮出现遮罩层的方法
Jan 28 Javascript
js实现类似新浪微博首页内容渐显效果的方法
Apr 10 Javascript
微信小程序 Record API详解及实例代码
Sep 30 Javascript
JavaScript实现鼠标点击导航栏变色特效
Feb 08 Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
Mar 29 Javascript
详解vue表单验证组件 v-verify-plugin
Apr 19 Javascript
vue中如何动态绑定图片,vue中通过data返回图片路径的方法
Feb 07 Javascript
小程序如何写动态标签的实现方法
Feb 05 Javascript
AJAX学习笔记
May 18 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
Mysql的常用命令
2006/10/09 PHP
基于文本的访客签到簿
2006/10/09 PHP
一个PHP模板,主要想体现一下思路
2006/12/25 PHP
详解PHP显示MySQL数据的三种方法
2008/06/05 PHP
Discuz Uchome ajaxpost小技巧
2011/01/04 PHP
PHP多进程编程之僵尸进程问题的理解
2017/10/15 PHP
PHP Swoole异步读取、写入文件操作示例
2019/10/24 PHP
javascript下IE与FF兼容函数收集
2008/09/17 Javascript
jquery实现多级下拉菜单的实例代码
2013/10/02 Javascript
DOM基础教程之使用DOM
2015/01/19 Javascript
JS实现来回出现文字的状态栏特效代码
2015/10/31 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
2016/01/27 Javascript
js去字符串前后空格的实现方法
2016/02/26 Javascript
vue将时间戳转换成自定义时间格式的方法
2018/03/02 Javascript
[43:57]LGD vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
详解python函数传参是传值还是传引用
2018/01/16 Python
在python中利用GDAL对tif文件进行读写的方法
2018/11/29 Python
在Python中构建增广矩阵的实现方法
2019/07/01 Python
python psutil模块使用方法解析
2019/08/01 Python
Python切图九宫格的实现方法
2019/10/10 Python
python GUI库图形界面开发之PyQt5 Qt Designer工具(Qt设计师)详细使用方法及Designer ui文件转py文件方法
2020/02/26 Python
在pytorch中实现只让指定变量向后传播梯度
2020/02/29 Python
django正续或者倒序查库实例
2020/05/19 Python
python 调用API接口 获取和解析 Json数据
2020/09/28 Python
前端隐藏出边界内容的实现方法
2016/04/14 HTML / CSS
澳大利亚实惠时尚女装商店:Katies
2019/06/16 全球购物
分别介绍一下Session Bean和Entity Bean
2015/03/13 面试题
简单叙述一下MYSQL的优化
2016/05/09 面试题
回门宴父母答谢词
2014/01/26 职场文书
常务副总经理岗位职责
2014/04/12 职场文书
2014年安全生产责任书
2014/07/22 职场文书
小学生通知书评语
2014/12/31 职场文书
劳动仲裁调解书
2015/05/20 职场文书
党性修养心得体会2016
2016/01/21 职场文书
2016年度基层党建工作公开承诺书
2016/03/25 职场文书
关于mysql中时间日期类型和字符串类型的选择
2021/11/27 MySQL