`
lzh166
  • 浏览: 297228 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js验证码,保存html直接可以看效果吆

 
阅读更多 
<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>

 

分享到：
| FCKEditor清除粘贴WORD提示框
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Js彩色验证码【一个html表单和js验证码有验证效果的实例】

    整个html打开可以看到效果，不包含验证码背景图片，自己找一个命名为code.jpg就有背景了，js验证码比jsp...这个程序既可以直接验证，也可以点击验证码刷新一个新的验证码（当原来的验证码看不清楚的时候），再验证

    js html5图片验证码输入验证效果代码

    本示例是关于使用JavaScript和HTML5实现图片验证码输入验证的效果代码。以下是对这个主题的详细解释： 首先，HTML5在验证码功能中的作用主要体现在创建交互式的用户界面。`&lt;input&gt;`标签可以用来创建用户输入验证码...

    js 验证码-简单好用

    在压缩包中的`js_yzm.html`文件中，我们可以看到一个简单的JavaScript验证码实现。这个例子可能包含以下几个部分： 1. **生成随机验证码**：在JavaScript中，可以使用`Math.random()`函数和数组来生成随机的字符...

    JS验证码,html实现

    本文档主要介绍了一种通过JavaScript（简称JS）和HTML相结合的方式来实现网页上的验证码功能。验证码（CAPTCHA）是一种常见的安全措施，用于区分用户是人还是自动化软件。在本示例中，验证码由随机生成的一串字符...

    js鼠标滑动拼图验证码代码.zip

    【标题】"js鼠标滑动拼图验证码代码.zip"是一个包含JavaScript和可能涉及CSS的网页特效，用于实现一种互动式的拼图验证码功能。这种验证码设计旨在增加网站安全性，通过要求用户手动完成一个小游戏（比如拼图）来...

    简单易用的js实现html验证码

    本文将深入探讨如何使用JavaScript（js）在HTML页面中实现一个简单易用的验证码功能。 首先，验证码的核心是生成一组随机且具有视觉辨识度的字符序列。我们可以使用JavaScript来生成这个序列，通常包括大小写字母、...

    JavaScript实现页面动态验证码

    如果压缩包中包含一个名为`images`的文件夹，可能里面包含了一些用于验证码的图片资源，例如干扰点或线条，这些图片可以通过`&lt;img&gt;`标签引入到Canvas中，增强验证码的视觉效果。 总的来说，JavaScript结合...

    JS实现获取短信验证码功能（前台代码）

    这里我们可以简单模拟一个延迟发送的效果： ```javascript function sendSms(phoneNumber) { if (validatePhoneNumber(phoneNumber)) { // 模拟发送验证码，实际项目中应替换为调用后端API setTimeout...

    简单的js验证码制作

    通过学习这个简单的JS验证码制作，你可以理解验证码的基本原理，并开始探索更复杂的安全验证机制，例如图片验证码（CAPTCHA）、滑动验证码、点选图片验证码等。同时，这也是学习JavaScript和前端开发的一个好起点，...

    JavaScript图形验证码的实现

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

    JS生成随机验证码

    如果验证码是客户端生成的，可以直接改变`src`为一个数据URL： ```html ()"&gt; function refreshCaptcha() { var img = document.getElementById('captchaImg'); img.src = 'data:image/png;base64,' + btoa...

    js验证码-纯javascript生成

    &lt;script language="javascript" type="text/javascript"&gt; var code ; //在全局 定义验证码 function createCode(){ code = new Array(); var codeLength = 4;//验证码的长度 var checkCode = document....

    html图片验证码组件

    JavaScript可以用于处理用户输入和表单提交，同时也可以提供刷新验证码的功能。后端语言则负责生成和验证验证码。 在提供的文件列表中，`index.html`可能是包含验证码展示和用户输入的HTML页面，而`js`文件可能是...

    HTML制作图形验证码框那种=文本框+滑块 的效果.zip

    滑块的样式可以通过CSS进行自定义，使其看起来更符合验证码的交互需求。例如： ```html 请输入验证码"&gt; ``` 接下来，我们需要使用CSS来定制滑块的样式，使其看起来更像一个验证码验证元素，而不是普通的滑动条。...

    js短信验证码倒计时（页面刷新无效）

    在网页开发中，短信验证码是验证用户身份的...通过以上步骤，我们可以实现一个js短信验证码倒计时功能，即使页面被刷新，也能保持倒计时状态。这种方法在实际开发中广泛使用，为用户提供了一种安全、流畅的验证体验。

    js发送手机验证码

    当涉及到“js发送手机验证码”这一主题时，我们主要关注的是如何利用JavaScript实现客户端与服务器之间的通信，以便验证用户的手机号码并发送验证码。这一过程通常涉及到Ajax技术，它允许我们在不刷新整个页面的情况...

    JavaScript的滑块验证码插件

    总的来说，JavaScript滑块验证码插件提供了一种实用的安全验证手段，通过合理的代码实现和优化，可以在保障网站安全的同时，兼顾用户友好性。在实际应用中，开发者可以根据自身需求对插件进行定制，以满足不同场景下...

    js生成验证码

    ### JS生成验证码知识点详解 #### 一、代码结构与功能概述 本文档介绍了一个使用JavaScript实现...通过本例可以了解到如何使用JavaScript实现基本的网页验证码功能，这对于提高网站的安全性和用户体验具有重要意义。

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

    1. **生成验证码**：在服务器端，可以使用各种编程语言（如Python、Java或Node.js）生成验证码。生成方式有多种，例如随机字符串、数字组合，或者更复杂的图片验证码，包含扭曲的文字或数字。这里我们关注的是简单的...

    前端JS验证码插件亲测可用

    作用于页面验证码的JS插件。我用起来感觉不错所以分享出来

Magicbox
Global site tag (gtag.js) - Google Analytics