`
Tank03
  • 浏览: 78736 次
  • 性别: 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验证码 ,自动生成验证码

    如何用canvas手写验证码

    如何用canvas手写验证码,看看纯javascript如何打造验证码

    js验证码-纯javascript生成

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

    javascript html5 验证码

    纯javascript+html5验证码,不需服务器,直接运行 经测试通过IE/FF/Chrom/Opera/Safrari

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

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

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

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

    JAVAWEB验证码功能实现附源代码

    非常实现的验证码功能,可以用到项目中去,该源代码无jar包,没有有JavaScript,纯JAVAWEB代码,jsp页面,serlvet显示,简单易懂试用~~~~~

    仿中国移动广东官网验证码(Java版)

    仿中国移动广东官网验证码(Java版)超炫 此外本人还有提供纯JavaScript版本 以及PHP版本和ASP版本。

    JavaScript使用Math.random()生成简单的验证码

    第一种:单纯的纯数字验证码 &lt;!DOCTYPE html&gt; &lt;html lang=en&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;title&gt;js验证码&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div class=yzm xss=removed&gt;...

    nodecaptcha:纯nodejs验证码

    nodecaptcha pure nodejs captcha //eg //for koa var VerifyImage=require("./index.js"); module.exports=async (ctx,next)=&gt;{ await next(); var vImage=new VerifyImage();... //保存code 到session 以待使用 ...

    纯js实现重发验证码按钮倒数功能

    代码一: &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;... &lt;head&gt;...script type="text/javascript

    jigsaw:canvas滑动验证码

    jigsawcanvas滑动验证码用法:引入jigsaw.init({ el: document.getElementById('container'), width: 310, // 可选, 默认310 height: 155, // 可选, 默认155 onSuccess: function () { ... }, onFail: function () {...

    PHP学生成绩管理系统源码.zip

    PHP学生成绩管理系统,纯原生HTML5、CSS3、JavaScript、MySQL与PHP。 虽然是传统节目了,但我还是想弄点新花样。在开发的过程中还是边写边查地面向谷歌编程...... 在功能设计与 js 的编写耗费了大量的时间,但还是写...

    网页版记账本[java+oracle]

    实现的功能点: ...本web应用的页面是纯servlet的,用到的Java web技术: 1.Jdbc; 2.Servlet; 3.一点点cookie; 4.一点点session; 其他知识点: 1.一点点Javascript ; 2.简单的手写MVC三层开发模式;

    js实现拖动滑块验证的代码就放这里了,可以自己看

    js实现拖动滑块验证的代码就放这里了,可以自己看

    easyeda-extension-registry:EasyEDA扩展注册表

    EasyEDA扩展注册表(11) GitHub上托管的EasyEDA扩展列表,按字母顺序排列。 注意:如果要添加您的请求,只需按照描述的说明发送拉取请求。 将扩展名添加到此处后,在处理您的请求请求后,扩展名就会立即显示在此...

    java开源包1

    JCaptcha4Struts2 是一个 Struts2的插件,用来增加验证码的支持,使用时只需要用一个 JSP 标签 (&lt;jcaptcha:image label="Type the text "/&gt; ) 即可,直接在 struts.xml 中进行配置,使用强大的 JCaptcha来生成验证码...

    java开源包11

    JCaptcha4Struts2 是一个 Struts2的插件,用来增加验证码的支持,使用时只需要用一个 JSP 标签 (&lt;jcaptcha:image label="Type the text "/&gt; ) 即可,直接在 struts.xml 中进行配置,使用强大的 JCaptcha来生成验证码...

    java开源包2

    JCaptcha4Struts2 是一个 Struts2的插件,用来增加验证码的支持,使用时只需要用一个 JSP 标签 (&lt;jcaptcha:image label="Type the text "/&gt; ) 即可,直接在 struts.xml 中进行配置,使用强大的 JCaptcha来生成验证码...

Global site tag (gtag.js) - Google Analytics