`
lzh166
  • 浏览: 298029 次
  • 性别: 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**： 文件名`...

    页面js生成验证码

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

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

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

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

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

    js前端验证码(html).zip

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

    html5点击刷新验证码特效

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

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

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

    javascript做验证码

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

    纯js验证码插件代码.zip

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

    验证码通用模块 javascript版

    2. **图像渲染**：验证码需要以图像的形式展示，JavaScript可以利用canvas元素或者动态创建img标签来绘制和显示验证码图片。 3. **用户交互**：当用户点击“刷新验证码”按钮时，JavaScript会生成新的验证码并更新...

    登录界面验证码.rar

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

    JS+HTML实现验证码功能

    html+js+css实现简单验证码功能,与后台技术分离,各种后台语言都能适用

    前端实现登录窗口中HTML、CSS与JavaScript验证码功能

    使用场景及目标：学习者可以通过本教程掌握使用HTML/CSS/JS构建具有基本交互能力的网页的方法，尤其是动态生成与验证验证码的技术实现。对于希望加深理解前端技术栈的人来说非常实用。 阅读建议：边阅读边操作代码，...

    我修改过的可支持html页面调用的asp验证码。

    ASP允许开发者通过服务器端脚本来控制验证码的生成逻辑，包括字符的生成、扭曲、颜色等视觉效果，以及可能的自动刷新功能。 描述中提到的“加入自动刷新”功能可能指的是当用户觉得验证码难以辨认时，可以通过点击...

    javascript验证码破解

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

    JSP验证码+js验证

    在验证码场景中，JavaScript可以用来检查用户输入的验证码是否与服务器生成的验证码一致。 1. **用户输入**：用户在前端输入验证码后，JavaScript可以通过DOM操作获取输入值。 2. **发送请求**：使用`...

    javascript点击才出现验证码

    综上所述，通过以上HTML、CSS和JavaScript的组合使用，可以实现在用户点击时动态显示验证码的功能，并通过服务器端脚本完成验证码的有效性验证。这种技术的应用对于提高网站的安全性和用户体验具有重要意义。

    js实现html转图片并下载保存

    总结，利用`html2canvas.js`和`canvas2image.js`库，可以轻松地将HTML页面转换为图片并下载保存。然而，实际应用中需要考虑到各种兼容性问题和性能优化，确保在不同的浏览器和场景下都能稳定工作。

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