<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. mySQL 插入,更新和删除数据

    插入数据: 语法: INSERT INTO table_name ( field1, field2,...fieldN ) VALUES ( value1, value2,...valueN ); 如 ...

  2. jQuery的html()、text()和val()的使用和区别

    .html():读取和修改一个元素的HTML内容 .text():读取和修改一个元素的文本内容 .val():读取和修改一个表单元素的value字段值

  3. SyncToy

    • synchronize :在这个模式下,SyncToy会使得两个文件夹完全一致,无论在哪一个文件夹中操作,对应的操作相当于都在另一个文件夹中执行了一次.(也就是我们所说的“同步”).• echo: ...

  4. leetcode刷题-559. Maximum Depth of N-ary Tree

    题目: https://leetcode.com/problems/maximum-depth-of-n-ary-tree/description/ n-ary-tree的数据结果表示 // Defi ...

  5. javaweb大文件上传

    本文主要关于利用html表单上传文件的后台代码实现. 需要用到两个工具类Apache commons-fileupload和commons-io. 注意要校验是否选择文件上传,最开始写的时候没有加上校 ...

  6. windows下初安装xgboost

    1.先检查一下自己的版本,如图python3.6,win64 我的之前环境是已经安装了anaconda. 2.去相关的网站下载 3.把下载的文件拷到此目录下(同pip在一个目录下) 4.cmd在此目录 ...

  7. python基础----pymysql模块

    安装pymysql   ----pip install mysql 步骤: 1.建立连接   指定ip.端口号.密码.账号.数据库 2.建立游标 3.执行sql语句 4.获取结果或提交 5.关闭游标, ...

  8. XSSer：自动化XSS漏洞检测及利用工具

    转载自FreeBuf.COM XSS是一种非常常见的漏洞类型,它的影响非常的广泛并且很容易的就能被检测到. 攻击者可以在未经验证的情况下,将不受信任的JavaScript片段插入到你的应用程序中,然后 ...

  9. Odoo13 新功能：委外

    [ADD] mrp_subcontracting In a few words, it allows to send components to a subcontractor partner and ...

  10. Spring 控制器重定向

    1.示例 return "redirect:/allUser"; redirect是跳转的意思后面是跳转的页面