`
lancijk
  • 浏览: 388398 次
  • 性别: 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是只要动了就移开

分享到:
评论

相关推荐

    2017年网络安全:小招管大用.pdf

    2. 身份验证方法的变革:文中提出了“用户名/口令”模式的不足,并指出口令问题的老生常谈。强调了使用多重认证和生物识别技术作为替代方案的必要性,以增强安全性,减少因口令泄露导致的安全威胁。 3. 安全与管理...

    老生常谈外链 站长要做到对症下药.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 来替代解决,可是我们真的解决了么?没有,因为当页面...

    老生常谈Python startswith()函数与endswith函数

    在Python编程语言中,`startswith()` 和 `endswith()` 是两个非常实用的字符串方法,主要用于检查字符串的开头或结尾是否符合特定的字符或子字符串。这两个函数在处理文本数据时非常常见,尤其在文件路径、URL、文件...

    老生常谈Scanner的基本用法

    这里使用了一个 `switch` 语句来实现这个逻辑: ```java switch (month) { case 1: case 2: case 12: System.out.println("冬季"); break; case 3: case 4: case 5: System.out.println("春季"); break; ...

    Axure入门案例系列——进阶轮播图.docx

    Axure 入门案例系列——进阶...4. 最后一点:老生常谈,注意命名 通过本教程,我们可以学习如何使用 Axure 创建一个进阶轮播图,掌握基本的软件使用和元件交互事件。这将帮助我们更好地设计和实现复杂的交互式原型。

    老生常谈的跨域处理

    服务端提供一个可以动态插入的函数名,客户端通过动态创建标签,将函数名作为参数传递给服务端,服务端返回执行该函数的JavaScript代码,从而实现跨域数据交互。例如: ```javascript $.ajax({ url: ...

    老生常谈javascript的面向对象思想

    在进行JavaScript编程的过程中,面向对象思想一直是一个核心的概念。面向对象编程(OOP)是通过创建对象来模拟现实世界的一种编程范式。在JavaScript中,对象可以通过不同的方法创建和定义。面向对象有三大基本特性...

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

    正如标题所言,《电子技术的老生常谈——接地》一文中提到的那样,尽管接地的基本概念在每一次培训和交流中都会被提及,但往往缺乏一个通用而全面的方法论指导。本文旨在深入探讨接地的各种类型、目的以及具体的实施...

    老生常谈ProgressBar、ProgessDialog的用法

    ProgressBar和ProgressDialog是Android开发中常见的两种进度条控件,用于展示任务执行的进度或等待状态。下面我们将深入探讨这两种控件的用法。 首先,ProgressBar是一个可以显示具体进度的组件,它可以是圆形或...

    PNG图在IE6下透明的终极解决方案

    这个库通过JavaScript模拟PNG24的Alpha透明,从而在IE6中实现类似的效果。它的工作原理是将PNG24图像转换为带有背景的PNG8图像,并使用脚本来控制透明度,从而在IE6中达到预期的视觉效果。要使用此方法,你需要在...

    老生常谈android中的事件传递和处理机制

    总结来说,Android中的事件传递和处理机制是一个深度和广度都很大的话题,涉及到UI设计的许多细节。理解这一机制能够帮助开发者更好地控制用户交互,提高应用的用户体验。通过不断实践和学习,开发者可以熟练掌握这...

    高二英语模块单词复习PPT学习教案.pptx

    - **老生常谈**:a trite saying 或 a cliché - **大量**:a large quantity 或 a great deal - **试图做某事**:try to do sth. - **一方面…另一方面**:on the one hand... on the other hand - **巧合地**...

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

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

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

    JavaScript中的继承是实现面向对象编程的一个关键概念,它允许我们创建具有共同特性和行为的对象。在JavaScript中,继承实现方式不同于传统的基于类的语言如Java,JavaScript使用原型链和函数来实现继承。以下是从...

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

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

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

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

Global site tag (gtag.js) - Google Analytics