`
Tank03
  • 浏览: 80722 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

纯javascript写的验证码

阅读更多

这是很久以前做练习的时候~老师非得用JAVA做验证码,我绝的只是一个作业还得用java,哎·~麻烦,就直接script了,不过现在觉得那个老头是有道理的.不过还是贴出来.供大家看看.

 

script:

<script language="javascript" > 
  var CodeString;//全局变量。
 function imformat(Length) {
	 CodeString = "";
	 var selectChar = new Array('你','看','j',1);
	 var ShowCodeString = document.getElementById("CreateCode");
	   for(var i=0;i<6;i++) {
		     var charIndex = Math.floor(Math.random()*4);
			 CodeString += selectChar[charIndex]; 
		   }
		   if(ShowCodeString) {
		      ShowCodeString.value = CodeString;
		   }
	 }
</script>

 

html:

<form>
  请输入验证码:<input type="text" id="input1" />
  <input type="text" id="CreateCode" style="width:80px; color:#F00;" onclick="createCode()" readonly="readonly" />
  <br />
  <input type="button"  onclick="imformat()" value="刷新验证码"/>
</form>
 

就这样·搞定.没有考虑其他元素,会得人不要丢XX。hehe~~~

 

分享到:
评论

相关推荐

    javascript验证码

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

    javascript写的随机验证码

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

    纯前端js验证码

    在这个纯前端js验证码的案例中,我们关注的是如何在不依赖服务器的情况下,仅使用JavaScript在客户端实现验证码功能。 首先,验证码的基本原理是生成一组随机字符或图像,然后要求用户输入他们看到的内容。在纯前端...

    javascript html5 验证码

    在这个项目中,我们将探讨如何使用纯JavaScript和HTML5技术创建一个无需服务器支持的验证码功能。 1. **HTML5基础** HTML5是超文本标记语言的最新版本,引入了许多新特性,如语义化标签(如`&lt;header&gt;`、`&lt;footer&gt;`...

    js验证码-纯javascript生成

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

    89、纯js验证码插件代码

    纯JavaScript验证码通常包括以下几个关键组件: 1. **随机生成验证码**:为了确保每次生成的验证码都是唯一的,我们需要编写一个函数来生成随机字符串。这个字符串可能包含数字、大小写字母或其他字符,长度可以...

    常规验证码、滑动验证码、拼图验证码、选字验证码,纯前端验证码

    在给定的资源“常规验证码、滑动验证码、拼图验证码、选字验证码,纯前端验证码”中,我们可以深入探讨这几种验证码的实现原理及其在前端开发中的应用。 1. 常规验证码: 常规验证码通常包含随机生成的一串字符或...

    纯js验证码插件代码.zip

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

    滑动图片验证码

    滑动图片验证码是一种常见的网页安全验证机制,用于防止自动化脚本或机器人进行恶意操作,如批量注册、垃圾信息发布等。这种验证码通常由一个可移动的滑块和一个带有部分图像的固定区域组成,用户需要通过拖动滑块来...

    javascript实现数字+字母验证码.rar

    javascript实现数字+字母验证码.纯js实现验证,前台验证码验证

    JS生成随机验证码

    验证码通常不仅限于纯数字,还包括大小写字母,甚至特殊字符,以增加破解的难度。可以扩展上述函数来包含这些字符: ```javascript var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'...

    验证码(随机背景图).zip

    这个名为"验证码(随机背景图).zip"的压缩包包含了一个纯JavaScript实现的验证码系统,非常适合初学者研究和学习。下面我们将深入探讨这个系统中的主要知识点。 1. **验证码设计**:验证码的基本原理是生成一串...

    jsp验证码——数字

    此外,还提供了一个简单的JavaScript函数`reloadImage(url)`,用于在点击链接时重新加载验证码图片,确保每次请求都能获取新的验证码。 ### 小结 这个JSP验证码生成器示例展示了如何使用JSP和Java图形处理库来创建...

    Node.JS用纯JavaScript生成图片或滑块式验证码功能

    用纯JavaScript实现的验证码生成模块。 https://github.com/GeorgeChan/captchapng 安装简单,依赖少: npm install captchapng 示例: var captchapng = require('captchapng'); app.get('/sign/captcha.png', ...

    生成不同位数的验证码

    对于纯数字验证码,字符集是0-9;对于字母数字混合,可以包含大小写字母和数字。 3. **变形处理**:为了增加机器识别的难度,通常会对验证码进行变形处理,比如扭曲、旋转、添加噪声、改变颜色等。 4. **显示与...

    JavaScript生成图形验证码

    这个JavaScript验证码生成器还具备了一些其他特性,例如随机颜色的生成`randomColor`函数,以及生成所有字母的`getAllLetter`函数,它们都是实现验证码复杂性和不可预测性的重要组成部分。 通过这个示例,我们可以...

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

    这种验证码不仅可以设置为纯数字或纯字母,还可以组合使用字母大小写与数字,提供了更高的安全性。 首先,验证码的基本原理是生成一个随机的字符串,用户需要在限定时间内正确输入这个字符串以完成验证。JavaScript...

    带验证码的登录页面.rar

    纯JS验证码生成通常涉及随机数生成、字符串拼接或字符集选择等操作,以创建不规则的字符序列。验证码图像可能通过canvas元素动态绘制,或者通过CSS3将随机生成的字符置于背景图像上。同时,JavaScript还会负责监听...

    纯js滑动验证码插件

    在这个"纯js滑动验证码插件"中,我们将深入探讨如何仅使用JavaScript来实现这种功能,而无需依赖jQuery等其他库。 首先,我们需要理解滑动验证码的基本工作原理。它通常包含两个部分:一个可移动的图像部分和一个...

Global site tag (gtag.js) - Google Analytics