<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. react 组件创建

    /** * 数据屏蔽 * Created by 2016-12-02. */ import React, {Component} from 'react'; export default class ...

  2. glide包管理工具

    上一篇文章中我们已经成功的运行了go的代码,这是我们迈出的最基础的一步. 一个项目通常会依赖很多外部的库,当依赖的库比较多的时候,手工管理就会比较麻烦,这个时候就需要包管理工具出场了,帮你管理好所有依 ...

  3. 《剑指offer》递推与循环，栈和队列，回溯 (牛客10.27)

    难度 题目 知识点 07. 斐波那契数列 递推递归 - 两变量写法- 08. 跳台阶 同上 09. 变态跳台阶 dp 10. 矩形覆盖 同上 05. 用两个栈实现队列 模拟 ☆ 20. 包含min函数 ...

  4. Cracking the coding interview目录及资料收集

    前言 <Cracking the coding interview>是一本被许多人极力推荐的程序员面试书籍, 详情可见:http://www.careercup.com/book. 第六版 ...

  5. linux netfilter

    yum -y install iptables//三张表 filter nat mangle [root@wang /]# iptables -t filter -nvL [root@wang /]# ...

  6. CentOS7 安装mysql（YUM源方式）

    1.下载mysql源安装包 $ wget http://dev.mysql.com/get/mysql57-community-release-el7-8.noarch.rpm   2.安装mysql ...

  7. 粒子群优化算法(PSO)的基本概念

    介绍了PSO基本概念,以及和遗传算法的区别: 粒子群算法(PSO)Matlab实现(两种解法)

  8. jupyter notebook 常用快捷操作

    Shift-Enter 执行当前cell,并自动跳到下一个cell Ctrl-Enter 执行当前cell,执行后不自动调转到下一个cell DD 删除当前的cell L 为当前的cell加入line ...

  9. Http请求头和响应头(Get和Post)

    HTTP简介 HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送 ...

  10. The Maze II

    There is a ball in a maze with empty spaces and walls. The ball can go through empty spaces by rolli ...