`
bri_robby
  • 浏览: 21031 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

javascript实现英文加数字四个验证码动态刷新

阅读更多
js代码如下:
var chars=[];
for(var i=48; i<=57; chars.push(i),i++);
    //大写字母存入数组
for(var i=65; i<=90; chars.push(i),i++);
    //小写字母存入数组
for(var i=97; i<=122; chars.push(i),i++);
    /*从chars中随机获得4个unicode,转为对应字符拼接成4位验证码。返回。*/
function getCode(){
    var codes=[];
      //反复执行4次:
    for(var i=0;i<4;i++){
       // 随机生成0-61之间的一个整数下标
        var n=Math.floor(Math.random()*(62));
       //利用随机下标,取出chars数组对应位置的unicode
        var unicode=chars[n];
       //将unicode转为字符,push进codes数组
        codes.push(String.fromCharCode(unicode));
     }
      //循环结束后,将数组中4个元素无缝拼接为字符串返回
     return codes.join("");
}

function login(){
        var input = document.getElementById("check");
        if(getCode().toUpperCase()!=input.value.toUpperCase()){
             return false;
        }
        return true;
}
window.onload = function(){
    document.getElementById("checkcode").setAttribute("value","getCode()");
}

html页面如下:
<label for="check">验证码:</label>
<input type="text" id="check">
<input id="checkcode">
<input type="submit" value="login" onclick="return login()"> /*return取消submit的默认提交行为,后面函数返回为true时,提交,返回为false时不提交*/

   
3
0
分享到:
评论

相关推荐

    实验五 AJAX开发及JSP验证码

    Ajax异步的特点为:多个事件并行发生,事件互不影响,请求之后,不刷新整张页面,页面不动,只是刷新页面的局部。异步数据获取技术 XMLHttpRequest对象方法: open("请求方式GET/POST","页面地址",true):与...

    vcg(验证码控件)

    提供灵活的中文诗词、中文单字、英文大小写字母、阿拉伯数字等丰富的验证码生成字源混合控制以及对于字数和字体的自定义控制,让程序员在面对不同客户以及网页访问者的特殊要求的同时仍能从容兼顾良好的用户体验;...

    JAVA上百实例源码以及开源项目

     用JAVA编写了一个小工具,用于检测当前显示器也就是显卡的显示模式,比如分辨率,色彩以及刷新频率等。 Java波浪文字制作方法及源代码 1个目标文件 摘要:Java源码,初学实例,波浪文字  Java波浪文字,一个利用...

    asp.net知识库

    SharpRewriter:javascript + xml技术利用#实现url重定向 采用XHTML和CSS设计可重用可换肤的WEB站点 asp.net的网址重定向方法的比较:面向搜索引擎友好 也谈 ASP.NET 1.1 中 QueryString 的安全获取写法 ASP.NET运行...

    JAVA上百实例源码以及开源项目源代码

    凯撒加密解密程序 1个目标文件 1、程序结构化,用函数分别实现 2、对文件的加密,解密输出到文件 利用随机函数抽取幸运数字 简单 EJB的真实世界模型(源代码) 15个目标文件 摘要:Java源码,初学实例,基于EJB的真实...

    GoodProject Maven Webapp.zip

    jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情。它封装JavaScript常用...

    多多校园论坛,很经典很强大

    4 管理员登录 管理留言 时,第一次输入错误时返回后,必再按一下“管理留言”来刷新页面,否则验证码不对,后台管理使用session记录在线状态,超时请重新登录 5 权限等级: 管理员 前后台所有操作,但不作为发贴者...

    asoft签到管理系统tykq3.5_build20110125

    ajaxinc: AJAX应用类(以ajax_命名的四个文件)、附件上传(upload_5xsoft.inc|asoft_upload.asp)和EXCEL导出文件(toexcel.asp)、顶部banner(top.asp)、验证码生成文件(CodeGen.asp、VerifyCode.asp),数据库连接...

    史上最全韩顺平传智播客PHP就业班视频,10月份全集

    史上最全韩顺平毕业班视频------这里只有10月份,8,9,11月份在另外一个文件下。 传智播客PHP就业班视频课程列表 8-11 1.html介绍 html运行原理① 8-11 2.html运行原理② html文件基本结构 html元素和属性 8-11 3....

    史上最全传智播客PHP就业班视频课,8月份视频

    史上最全韩顺平毕业班视频------这里只有8月份,9,10,11月份在另外一个文件下。 传智播客PHP就业班视频课程列表 8-11 1.html介绍 html运行原理① 8-11 2.html运行原理② html文件基本结构 html元素和属性 8-11 3....

    史上最全韩顺平传智播客PHP就业班视频,9月份全集

    史上最全韩顺平毕业班视频------这里只有9月份,8,10,11月份在另外一个文件下。 传智播客PHP就业班视频课程列表 8-11 1.html介绍 html运行原理① 8-11 2.html运行原理② html文件基本结构 html元素和属性 8-11 3....

    (全)传智播客PHP就业班视频完整课程

    10-26 4 jquery对象集合遍历的四种形式及练习题讲解 jquery的dom操作 10-27 1课程回顾 10-27 2 jquery的dom操作 内部插入 外部插入 10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和...

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    10-26 4 jquery对象集合遍历的四种形式及练习题讲解 jquery的dom操作 10-27 1课程回顾 10-27 2 jquery的dom操作 内部插入 外部插入 10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和...

    浪人下载系统程序

    六、网站广告管理,七、友情链接管理,八、软件类别/分类管理,九、下载站点管理,十、网站用户管理,十一、网站参数设置,十二、网站文件管理,十三、网站访问IP限制管理,十四、外部JavaScript调用最新软件 ...

    浪人下载系统源码 v2.4

    六、网站广告管理,七、友情链接管理,八、软件类别/分类管理,九、下载站点管理,十、网站用户管理,十一、网站参数设置,十二、网站文件管理,十三、网站访问IP限制管理,十四、外部JavaScript调用最新软件 ...

Global site tag (gtag.js) - Google Analytics