`
lancijk
  • 浏览: 383928 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

老生常谈: JS实现随机验证码.很实用

    博客分类:
  • JS
阅读更多

 

输入验证码...主要是防止被人过多的注入注册

1: 主体部分

<script>
 var code ; //在全局 定义验证码
function createCode()
     { 
       code = "";
       var codeLength = 6;//验证码的长度
       var checkCode = document.getElementById("checkCode");
       var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');//所有候选组成验证码的字符,当然也可以用中文的
        
       for(var i=0;i<codeLength;i++)
       {
      
        
       var charIndex = Math.floor(Math.random()*36);
       code +=selectChar[charIndex];
       
       
       }
//       alert(code);
       if(checkCode) //这里不是很懂,有高手可以解释下
       {
         checkCode.className="code";
         checkCode.value = code;
       }
       
     }
     
function validate ()
     {
       var inputCode = document.getElementById("input1").value;
       if(inputCode.length <=0)
       {
           alert("请输入验证码!");
           document.getElementById("input1").focus();
       }
       else if(inputCode != code )
       {
          alert("验证码输入错误!");
          createCode();//刷新验证码
          inputCode = "";
          document.getElementById("input1").focus();
       }else{
       		document.frmRegister.submit();
       }
       
       
       }
<script>

 

接下来时如何放入到验证框里面了

 <input type="text"  id="checkCode" class="unchanged" style="width: 80px"  readonly/>

 接着就是判断了

<input  type="text"  onclick="createCode()" id="input1" />

 

OK....搞定...这里的onclik是只要动了就移开

分享到:
评论

相关推荐

    老生常谈外链 站长要做到对症下药.pps

    老生常谈外链 站长要做到对症下药.pps

    老生常谈angularjs中的$state.go

    路由是这么定义的: $stateProvider .state('page1', { url: '/page1', ... controller: 'page1Ctrl' }) .state('page2', { url: '/page2/:type', ... controller: 'page2Ctrl' ...ng-href=”#/page1″

    IE6实现position:fixed bug (固定窗口方法)的实例

    这个内容是老生常谈了,主要问题就是IE6不支持 position:fixed 引起的BUG.当我们去搜索解决这个bug的垮浏览器解决办法时,绝大多数结果都是说使用 position:absolute 来替代解决,可是我们真的解决了么?没有,因为当页面...

    前方的路:希望以此为你的起点.md

    具体到前端性能优化这件事情上,我认为它是 20% 的理论,加上至少 80% 的实践,甚至很多理论本身也都是我们在具体的业务场景中实践出来的。所以希望大家阅读本小册时,能够读到一些“书本之外的东西”——最好是一边...

    举例介绍Python中的25个隐藏特性

    老生常谈的了:   def foo(x, y): print x, y alist = [1, 2] adict = {'x': 1, 'y': 2} foo(*alist) # 1, 2 foo(**adict) # 1, 2 2. 链式比较操作符   &gt;&gt;&gt; x = 3 &gt;&gt;&gt; 1 &lt; x&gt;&gt;&gt; 4 &gt; x &gt;=3 True 3. 注意函数...

    老生常谈ProgressBar、ProgessDialog的用法

    一、ProgressBar 1. 常用类型 1.1 不确定式圆形进度条 style=@android:style/Widget.Holo.Light.ProgressBar style=@android:style/Widget.DeviceDefault.Light.ProgressBar.Large ... 没有显示进度,可作为过场...

    leetcode下载-leetcode-test-and-run:方便leetcode刷题的小工具

    下面的测试规则怎么写是不会教你的,老生常谈的东西,看里面的样例照葫芦画瓢就行。更多的东西请参考。 动手 如果你用IDE,点run吧。 如果你用Linux,那就先编译tests-main.cpp,命令是:g++ tests-main.cpp -c。...

    IE6下PNG图片透明问题解决方案集锦

    PNG图片在IE6下的透明问题算是个老生常谈了,只能怪那坑爹的IE6了,哈哈,这里小编汇总了一下几种解决方案,推荐给大家。 1、滤镜filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled ...

    再谈Python中的字符串与字符编码(推荐)

    Python中的字符编码是个老生常谈的话题,同行们都写过很多这方面的文章。有的人云亦云,也有的写得很深入。近日看到某知名培训机构的教学视频中再次谈及此问题,讲解的还是不尽人意,所以才想写这篇文字。一方面,...

    老生常谈python的私有公有属性(必看篇)

    python中,类内方法外的变量叫属性,类内方法内的变量叫字段。他们的私有公有访问方法类似。 class C: __name="私有属性" ...以上这篇老生常谈python的私有公有属性(必看篇)就是小编分享给大家的全部内容了,希望能

    老生常谈Javascript中的原型和this指针

    通过原型,Javascript可以实现继承机制。 Javascript本身是基于原型的,每一个对象都有一个prototype属性。而Object对象的prototype属性为null。 下面来看一个使用原型实现继承的例子: 1.1使用原型实现继承:   ...

    老生常谈JS中的继承及实现代码

    JS虽然不像是JAVA那种强类型的语言,但也有着与JAVA类型的继承属性,那么JS中的继承是如何实现的呢? 一、构造函数继承 在构造函数中,同样属于两个新创建的函数,也是不相等的 function Fn(name){ this.name = ...

    在浏览器输入URL回车之后发生了什么?(超详细版)

    这个问题已经是老生常谈了,更是经常被作为面试的压轴题出现,网上也有很多文章,但最近闲的无聊,然后就自己做了一篇笔记,感觉比之前理解更透彻了。 这篇笔记是我这两天看了数十篇文章总结出来的,所以相对全面...

    【原创】C#导出数据到EXCEL方法谈(附实例源码和超级无敌详细讲解)

    如果你耐心仔细看完本文,相信以后再遇到导出EXCLE操作的时候你会很顺手觉得SO EASY,主要给新手朋友们看的,老鸟可以直接飘过了,花了一晚上的时间写的很辛苦,如果觉得对你有帮助烦请留言支持一下,我会写更多基础...

    老生常谈js数据类型

    js数据类型主要分为基本数据类型和引用数据类型 基本数据类型和引用数据类型的区别: 基本数据类型是对值得引用,引用数据类型是对地址的引用; 基本数据类型存放在栈内存,栈内存提供了供JS代码执行的环境,引用...

    电子技术的老生常谈——接地.pdf

    接地是电路设计中最基础的内容,但又是几乎没人说得清的,几乎每次的培训和交流都会有人问到“老师,有没有一种通用的接地方法 可以参考啊?”如果想知道这个问题的答案,请继续耐着性子读下去。

    老生常谈javascript的类型转换

    伪对象:javascript是一门很有意思的语言,即便是基本类型,也是伪对象,所以他们都有属性和方法。 变量a的类型是字符串,通过调用其为伪对象的属性length获取其长度 。 [removed] var a="hello javascript"; ...

    js老生常谈之this,constructor ,prototype全面解析

    javascript中的this,constructor ,prototype,都是老生常谈的问题,深入理解他们的含义至关重要。在这里,我们再来复习一下吧,温故而知新! this this表示当前对象,如果在全局作用范围内使用this,则指代当前页面...

Global site tag (gtag.js) - Google Analytics