`
bri_robby
  • 浏览: 21982 次
  • 性别: 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
分享到:
评论

相关推荐

    jsp验证码刷新功能

    ### jsp验证码刷新功能 在Web开发中,验证码(CAPTCHA)被广泛应用于表单提交、用户登录等场景,...总之,在实现JSP验证码刷新功能的过程中,不仅需要关注技术实现本身,还应综合考虑系统安全性和用户体验等多个方面。

    Struts2实现的6位数字的验证码程序

    在这个特定的示例中,我们看到如何使用Struts2来实现一个简单的6位数字验证码程序。验证码的主要目的是验证用户是否是人类,防止自动化机器人进行恶意操作,如注册、登录等。 首先,`login.jsp`页面包含一个...

    jsp四位验证码图片生成

    本主题聚焦于"jsp四位验证码图片生成",这是一个利用JSP(JavaServer Pages)技术来创建动态生成的4位数字验证码图片的过程。我们将探讨JSP验证码的原理、实现方式以及与JavaScript验证码的对比。 验证码的核心在于...

    数字验证码

    描述中提到的“切换图片随机出现4个不相同的数字”,这表明这种验证码设计包含图像刷新功能,每次点击或者加载时会生成一组新的、随机的、且独一无二的四位数字。这种动态变化的特性使得自动化程序更难以通过预设...

    简单四则运算验证码(C#)源码

    在本项目中,我们关注的是一个使用C#编写的简单四则运算验证码系统。这个系统设计用于增强网站的安全性,防止自动化的机器人或恶意软件进行非法操作,如批量注册、频繁登录尝试等。验证码通常要求用户完成一项简单的...

    jQuery验证码随机数字运算代码.zip

    jQuery验证码随机数字运算代码是为网页开发设计的一种验证码实现方式,它通过JavaScript(JS)动态生成包含数字和运算符号的随机验证码,增加了破解的难度,同时提供了一种更友好的用户体验。 首先,jQuery是一个...

    jsp验证码生成以及刷新

    验证码的刷新可以使用 JavaScript 代码来实现。我们可以使用以下代码来刷新验证码: ```javascript function reloadImage(url) { document.form.名字.pic.src = url; } ``` 在上面的代码中,我们可以将 url 设置...

    javascript点击才出现验证码

    根据给定的信息,本文将详细解释如何通过JavaScript实现点击时显示验证码的功能,并解析代码中的关键部分。 ### 知识点一:实现点击显示验证码的基本原理 在网站注册、登录等场景中,为了防止机器人自动填写表单,...

    jQuery实现随机数字字母验证码插件特效源码.zip

    这可以通过JavaScript的Math.random()函数结合字符集来实现,确保每次刷新页面时都能得到不同的验证码。 2. 插件结构:jQuery插件通常以函数形式存在,通过$.fn.extend()扩展jQuery对象。在这个插件中,我们需要...

    jsp验证码——数字

    这个JSP验证码生成器示例展示了如何使用JSP和Java图形处理库来创建动态的数字验证码。通过设置页面属性、控制页面缓存、生成随机颜色和线条、管理HTTP会话等技术手段,有效地提高了验证码的安全性和用户体验。这种...

    web端实现app客户端输入验证码的效果

    服务器应检查每个验证码的有效性,并在一段时间后失效未使用的验证码。 通过以上步骤,我们可以实现一个类似App客户端的Web端验证码输入功能。在实际项目中,还需要结合具体需求和用户体验进行定制和优化。例如,...

    制作网站常用--四位彩色验证码

    在实际应用中,开发者需要结合`验证码说明.doc`来理解和实现这个验证码系统,确保其在网站上的有效集成。同时,为了提高用户体验,还应考虑验证码的可读性和刷新速度,以及对无障碍访问的支持。最后,随着技术的发展...

    【JavaScript源代码】vue实现四级导航及验证码的方法实例.docx

    ### JavaScript源代码:Vue实现四级导航及验证码的方法实例解析 #### 一、四级导航实现方法 ##### 1. **home.vue 页面分析** - **模板结构**: - 使用`&lt;template&gt;`标签定义了整个页面的基本结构。 - 页面标题...

    Ajax无刷新中文验证码_chinesecode.zip

    服务器接收到请求后,生成一个随机的中文验证码,可以是四个或六个汉字,然后将这个验证码存储到服务器的会话(session)或者cookie中,并将其作为响应返回给客户端。 前端JavaScript代码接收到响应后,会更新页面...

    实验五 AJAX开发及JSP验证码

    同时,验证码的刷新功能通过改变图片URL实现,点击图片会触发`onclick`事件,调用`refresh()`函数来获取新验证码。 这个实验旨在让学生熟悉AJAX的基本使用以及如何结合JSP生成和验证验证码,提高Web应用的交互性和...

    jquery实现无刷新验证码的简单实例

    在本实例中,将展示如何使用jQuery技术实现一个无刷新验证码功能。验证码的作用主要是为了防止恶意注册或登录,以及防止自动化工具进行的恶意操作。 ### 知识点一:验证码生成 在本实例中,验证码的生成是由服务器...

    DEDE自定义表单加验证码功能+js必填项

    ### DEDE自定义表单加验证码功能+JS必填项详解 #### 一、背景介绍 DEDE(织梦CMS)是一款广泛应用于网站建设的内容管理系统,它以其强大的功能、灵活的扩展性和良好的用户界面赢得了广大用户的青睐。对于网站来说,...

    Java使用SSM框架实现登录页面的验证码功能

    ### Java使用SSM框架实现登录页面的验证码功能 在现代Web开发中,为了增强网站的安全性,防止自动化脚本攻击,通常会在用户登录时加入验证码功能。本文将详细介绍如何使用SSM(Spring、SpringMVC、MyBatis)框架来...

    jQuery实现验证码功能

    首先定义了一个包含数字、小写字母、大写字母的数组,然后通过随机选择数组中的元素拼接成四位字符串作为验证码。拼接完成后,将生成的验证码显示在按钮上,同时在按钮上设置了点击事件,点击按钮时重新生成验证码。...

    【JavaScript源代码】vue实现登录时的图片验证码.docx

    文档中提到的效果图可能展示了一个包含随机生成的数字或字母的四字符验证码,这些字符被绘制在一个画布(canvas)元素上。验证码通常具有不规则的线条、颜色和点,以增加识别难度,防止自动化程序轻易解析。 2. ...

Global site tag (gtag.js) - Google Analytics