`
lzh166
  • 浏览: 299210 次
  • 性别: 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 验证码.rarjs 验证码.rarjs 验证码.rarjs 验证码.rarjs 验证码.rarjs 验证码.rarjs 验证码.rarjs 验证码.rarjs 验证码.rar

    5. **刷新机制**：为了提高用户体验，JavaScript验证码通常提供刷新功能，当用户看不清验证码时可以快速更换新的验证码。 6. **动态验证码**：为了进一步提升安全性，有些验证码会随着时间或用户行为动态变化，例如...

    js验证码生成

    在JavaScript中，虽然没有直接的图像处理能力，但可以借助HTML5的Canvas API来创建和操作图像。例如，可以创建一个Canvas元素，用其绘图方法画出验证码字符，并应用变形效果。 4. **jQueryYzm**： 文件名`...

    javascript html5 验证码

    通过以上步骤，我们可以创建一个简单的、基于JavaScript和HTML5的验证码系统，为网站提供基本的防护。然而，为了应对更复杂的自动化攻击，我们还需要不断优化和升级我们的验证码机制，比如引入滑动验证码、点击选图...

    JS验证码效果

    验证码效果

    js 验证码-简单好用

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

    页面js生成验证码

    通过分析这个文件，我们可以学习到如何用JavaScript实现验证码功能，包括图像处理、动态生成和验证逻辑等。 学习这个话题，我们需要掌握JavaScript基础，包括DOM操作、事件监听以及异步请求。同时，了解基本的HTML...

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

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

    JavaScript实现页面动态验证码

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

    HTML JS实现验证码

    JS脚本实现验证码！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！...

    js验证码 两种样式 字母和数字 背景带有干扰线

    这个JavaScript验证码方案也可以适应Java Web环境，只需将客户端生成验证码的部分移到服务器端，使用Java的`java.util.Random`生成随机字符串，然后通过图形库（如Java AWT或JavaFX）绘制验证码图像。服务器端生成的...

    js前端验证码(html).zip

    在这个“js前端验证码(html).zip”压缩包中，包含的是一个使用HTML、CSS和JavaScript实现的前端验证码功能。下面我们将详细探讨这三个技术在实现验证码过程中的应用。 首先，HTML（HyperText Markup Language）是...

    JavaScript的滑块验证码插件

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

    html5点击刷新验证码特效

    最后，为了增强用户体验，还可以利用HTML5的`&lt;audio&gt;`标签和Web Audio API来添加声音效果。当用户点击刷新验证码时，播放一个小巧的声音反馈，让用户知道操作已成功执行。 总的来说，HTML5在实现点击刷新验证码特效...

    js 生成验证码

    用javascript实现页面验证码，这是一个很好的例子

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

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

    javascript做验证码

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

    javascript 保存文件 （含两种方法）

    总结起来，JavaScript保存文件的方法包括对旧版IE的ActiveXObject支持和对现代浏览器的HTML5 File API结合FileSaver.js的使用。在开发Web应用时，应根据目标用户的浏览器环境选择合适的方法，同时，为了提高用户体验...

    纯js验证码插件代码.zip

    【纯js验证码插件代码.zip】是一个专门为网页设计的验证码解决方案，主要由JavaScript语言编写，无需依赖其他外部库。这个插件提供了两种验证码模式：传统的字符模式和创新的算术题模式，旨在增强网站的安全性，防止...

    登录界面验证码.rar

    这个"登录界面验证码.rar"压缩包提供了一个基于HTML、CSS和JavaScript实现的登录界面验证码模板，使得用户可以自行刷新验证码图像。 HTML是HyperText Markup Language的缩写，是用于创建网页的标准标记语言。在这个...

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