<html>

    <head>

        <meta charset="utf-8">

    </head>

    <body>

        <input type="text" id="codeIn"><br>

        <span id="codebox">AAAA</span>

        <button type="button" id="codec">看不清换一张</button>

    </body>

    <script>

        let codeIn = document.querySelector("#codeIn"),

            codebox = document.querySelector("#codebox"),

            codec = document.querySelector("#codec");

            /*

                queryCode

                @param:none

                @rerurn:none

            */

           function queryCode(){

               let area = 'akjgf301290987tfhcn29';

               let result = '';

               for(let i=0; i<4; i++)

               {

                    let ran = Math.round(Math.random()*area.length-1);

                    result += area[ran];

               }

               codebox.innerHTML = result;

           }

           codec.onclick = function(){

               queryCode();

           }

           codeIn.onblur = function(){

               let val = codeIn.value,

                    code = codebox.innerHTML;

                    if(val.toLowerCase() === code.toLowerCase())

                    {

                        alert("验证成功");

                    }

                    else{

                        codeIn.value = '';

                        alert("验证失败，请重新输入");

                        queryCode();

                    }

           }

    </script>

</html>

很low的四位验证码实现的更多相关文章

  1. 再谈C#采集，一个绕过高强度安全验证的采集方案？方案很Low，慎入

    说起采集,其实我是个外行,以前拔过阿里巴巴的客户数据,在我博客的文章:C#+HtmlAgilityPack+XPath带你采集数据(以采集天气数据为例子) 中,介绍过采集用的工具,其实很Low的,分析 ...

  2. 功能测试很low？不能升级到高级测试工程师?

    功能测试很low?不能升级到高级测试工程师? 功能测试很low?功能测试很简单?功能测试就是黑盒测试?功能测试没有技术含量?功能测试工资低?只会功能测试没有竞争力?功能测试这活初中生都可以干?功能测试 ...

  3. 用js做数字字母混合的随机四位验证码

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  4. canvas画随机的四位验证码

    效果图如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT ...

  5. 很漂亮的PHP验证码（记录）

    在提交表单的时候为了防止机器操作或者是恶意的攻击,在填写表单的时候一般都用验证码来过滤掉一些非法提交数据.今天给大家介绍一款超实用超漂亮的PHP验证码库:Captcha. 安装 使用composer: ...

  6. java中不同类如何相互访问变量值（新手见解，可能很low）

    最近在学基础java知识,这个是很常见的问题之一了,下面我要列出三种异类取值方法,当然不止这些,我选择了最简单的三种: 1.可以使用static静态变量,直接调用要访问类的属性和方法.因为 Java ...

  7. sparkStrming 实时插入 mysql 今天使用echart 实现了简单数据展示 很low 但学习必须加深

  8. 很Low的三级菜单程序

    # -*-coding:utf-8-*- # Author:sunhao province={ '广东省':{ '深圳市':['南山区','龙岗区','福田区'], '广州市':['荔湾区','海珠区 ...

  9. nodejs 中国汉字模糊查询简单（很low）实现

    https://github.com/cclient/hanzimohusearch 部分代码

随机推荐

  1. P2328 [SCOI2005]超级格雷码

    P2328 [SCOI2005]超级格雷码 暴力出奇迹喵! 这是一道模拟题 你会发现和 P5657 格雷码[民间数据]有异曲同工之妙,这道题直接按照上边链接题目的操作步骤 暴力模拟 就可以啊 我们观察 ...

  2. 源码编译vi过程中进行配置时报“checking if compile and link flags for Python are sane... no: PYTHON DISABLED”怎么办?

    答: 需要安装python开发库(如果不安装这个库,那么在配置时执行./configure --enable-pythoninterp=yes将不会生效,以至于vi的python特性并没有被开启) 如 ...

  3. [Java读书笔记] Effective Java(Third Edition) 第 6 章 枚举和注解

    Java支持两种引用类型的特殊用途的系列:一种称为枚举类型(enum type)的类和一种称为注解类型(annotation type)的接口. 第34条:用enum代替int常量 枚举是其合法值由一 ...

  4. 关于在Vue中，只要单个列表显示模态框的做法。

    1.在后台返回的数组对象中,添加一个自定义属性,这个属性用于控制模态框的显示.2.在事件中传入该列表的索引参数,然后在事件方法中找到数组相对应的下标,更改自定义属性便可

  5. spring mvc 返回JSON数据

    servlet相关XML配置 <!--这个不启用会报错--><mvc:annotation-driven /> <bean class="org.springf ...

  6. webdriervAPI(上传文件)

    from  selenium  import  webdriver driver  =  webdriver.Chorme() drvier.implicitly_wait(10) driver.ge ...

  7. matlab.坑01

    1.数据的行列 位置 1.1.c++中二维数组与二维mwarray数据格式之间的相互转换 - weixin_38723958的博客 - CSDN博客.html(https://blog.csdn.ne ...

  8. 再谈JVM中类加载

    前言 由于本人参加面试,但是JVM这块回答的十分不好,问了面试官,面试官说我基础不行!我真的不行,所以看过的不一定能理解,感觉之前就是糊弄任务,然后这次等实训结束,啥都干完了,我就记录下,深入了解下面 ...

  9. jquery防止快速点击

    jquery防止快速点击(推荐第三种方式) //全站ajax加载提示 (function ($) { var str = '<div class="ajax-status" ...

  10. 解决java.lang.SecurityException: Invalid signature file digest for Manifest main attributes

    解决java.lang.SecurityException: Invalid signature file digest for Manifest main attributes 当项目依赖其他jar ...