`
srj2903
  • 浏览: 107114 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

javascript写的验证码

阅读更多
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
     <div id="divCode" style="background-color:White; width:52px; height:16px; padding:5px; text-align:center; vertical-align:middle; letter-spacing:5px; border:solid 1px blue"><span></span><span ></span><span ></span><span ></span></div>
    </div>
        <input id="Button1" type="button" value="换一张" onclick="JavaScript:validteCode()"/>
    </form>
</body>
</html>
<script language="JavaScript" type="text/JavaScript">
function validteCode()
{
    var codes = new Array(4);       //用于存储随机验证码
    var colors = new Array("Red","Green","Gray","Blue","Maroon","Aqua","Fuchsia","Lime","Olive","Silver");
    for(var i=0;i < codes.length;i++)
    {//获取随机验证码
        codes[i] = Math.floor(Math.random()*10);
    }
    var spans = document.getElementById("divCode").all;
    for(var i=0;i<spans.length;i++)
    {
        spans[i].innerHTML=codes[i];
        spans[i].style.color = colors[Math.floor(Math.random()*10)];    //随机设置验证码颜色
       
    }

}
document.onload = validteCode();
</script>



这个是有javascript写的验证码
经过测试的!!
分享到:
评论

相关推荐

    javascript写的随机验证码

    本示例是使用JavaScript编写的验证码功能,这是一种客户端验证技术,能够提供基本的安全保障,但可能不如服务器端验证码那样安全。 在JavaScript中实现验证码主要涉及以下几个关键知识点: 1. **随机数生成**:...

    用JavaScript 刷新验证码

    用JavaScript 刷新验证码

    javascript生成验证码

    利用javascript生成验证码,在jsp中可直接使用

    JavaScript图形验证码的实现

    JavaScript验证码的简单实现,有简单的随机数字,也有较复杂的图形验证码, 这种图形验证码很高效简洁,使用爬虫是有较大难度的爬取网站信息的。 而且这种图形验证码的应用场景非常广,可用在登录注册等等需要上传...

    JavaScript生成验证码(一)

    JavaScript生成验证码(一)! 值得下载看看!资源免费,大家分享!!

    javascript验证码

    纯javascript验证码 ,自动生成验证码

    AJAX JSon JQuery 手写验证码

    在IT领域,验证码是一种用于验证用户身份的安全机制,防止自动化的机器人或恶意软件进行非法操作。本主题聚焦于“AJAX、JSON与JQuery”在实现手写验证码中的应用。AJAX(Asynchronous JavaScript and XML)是用于...

    JavaScript实现页面动态验证码

    以下是一个简单的JavaScript验证码实现示例: ```javascript document.addEventListener('DOMContentLoaded', function() { var canvas = document.getElementById('captcha'); var ctx = canvas.getContext('2d'...

    JAVASCRIPT身份证验证码

    ### JavaScript身份证验证码实现原理与代码解析 在当前数字化时代,身份验证成为了线上交易、数据安全等领域不可或缺的一环。其中,身份证验证是确保用户身份真实性的重要手段之一。本文将基于提供的JavaScript脚本...

    javascript做验证码

    JavaScript验证码可以通过生成动态图像并添加一些混淆元素来实现这一目的。 创建JavaScript验证码的步骤如下: 1. **生成随机字符串**:首先,我们需要生成一个包含字母和数字的随机字符串,作为验证码的内容。...

    JavaScript的滑块验证码插件

    JavaScript作为客户端脚本语言,常被用来实现这种交互式的验证码功能。下面将详细介绍如何理解和使用JavaScript实现的滑块验证码插件。 首先,滑块验证码的基本原理是提供一个带有缺口的图片,用户需要通过移动滑块...

    javascript html5 验证码

    在验证码系统中,JavaScript将生成随机的验证码字符串,并将其显示为图像。 3. **生成验证码** - **随机字符串生成**:首先,我们需要一个函数来生成包含特定字符集(如字母、数字)的随机字符串。这可以通过遍历...

    JavaScript 验证码页面

    简单验证码页面模板页面 JavaScript 实现简单的验证码

    javascript验证码破解

    ### JavaScript验证码破解详解 #### 一、背景介绍 随着网络安全意识的提高,许多网站开始采用验证码(CAPTCHA)作为防止自动化攻击的一种手段。验证码的主要作用是区分人类用户与自动化程序,确保系统的安全性。...

    JavaScript生成验证码(二)

    JavaScript生成验证码(二)! 值得下载看看!资源免费,大家分享!!

    javascript点击才出现验证码

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

    javascript解决验证码“看不清,换一张”的问题.docx

    ### JavaScript 解决验证码“看不清,换一张”的问题 #### 背景介绍 在许多网站上,为了防止机器人的自动操作以及保护网站安全,通常会采用验证码(CAPTCHA)来验证用户是否为真实的人类操作。然而,在实际使用...

    验证码通用模块 javascript版

    在这个“验证码通用模块 JavaScript版”中,我们关注的是使用JavaScript实现的客户端验证技术。 JavaScript是一种轻量级的解释型编程语言,广泛应用于网页和网络应用的前端开发。它允许我们在用户的浏览器端执行...

Global site tag (gtag.js) - Google Analytics