六位随机数字字母验证码

最新推荐文章于 2022-11-08 14:56:10 发布
最新推荐文章于 2022-11-08 14:56:10 发布
阅读量2.8k 收藏 3
点赞数 1
文章标签： js 验证码 数字字母验证码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wong_wu/article/details/80420580
版权

效果图

html部分

<body>
    <input type="text" id="ipt"/>
    <div id="box" οnclick="reset()"></div>
</body>
<style>
    #box{
        width:180px;
        height: 50px; 
        text-align: center;
        border:1px solid #ccc;
        cursor: pointer;
        background:linear-gradient(to top,#0072e5,#3f9efe)
    }
    #box span{
        display: inline-block;
        font-size: 26px;
        width:16px;
        height: 50px;
        line-height: 50px;
        font-family: "microsoft yahei";
        -webkit-text-stroke: 1px #ccc;
    }
</style>
<script>
    //验证码  6位数的验证码
    function authCode(){
        var str = '';
        while(str.length<6){
            var num = random1Num(48,122)        
            if((num>57&&num<65)||(num>90&&num<97)){
                num = random1Num(48,122)
            }else{
                str += '' + String.fromCharCode(num)
            }           
        }
        return str
    }
    //随机数 n小于m
    function random1Num(n,m){
        return parseInt(n+Math.random()*(m-n+1));
    }
    //随机颜色
    function randomColor(){
        var R = random1Num(0,255)
        var G = random1Num(0,255)
        var B = random1Num(0,255)
        return "#"+string2Num(R,G,B) 
    }
    //转换为16进制不足补0
    function string2Num(r,g,b){
        r = r.toString(16).length<2?"0"+r.toString(16):r.toString(16);
        g = g.toString(16).length<2?"0"+g.toString(16):g.toString(16);
        b = b.toString(16).length<2?"0"+b.toString(16):b.toString(16);
        return r+g+b;
    }
  
    var code = authCode()
    // $("#box").text(code)
    //将字符串转成数组
    var arrcode = code.split('')
    //将数组放进单个的span标签中
    for(var i = 0;i < arrcode.length;i++){
        $("#box").append('<span>'+arrcode[i]+'</span>')
        $("span:nth-child("+ (i+1) +")").css({
            "color":randomColor(),
            "transform":"rotate("+random1Num(-30,30) +"deg)",
            "fontSize":""+ random1Num(24,36) +"px",
            "marginTop":""+ random1Num(-3,3) +"px",
            "marginLeft":""+ random1Num(-2,6) +"px",
            "marginRight":""+ random1Num(-2,8) +"px"
        })
    }   
    //点击生成新的验证码
    function reset(){
        //清除原有的数据
        $("#box span").remove()
        $("#ipt").val("")
        //重新生成验证码
        code = authCode() 
            arrcode = code.split('')
        for(var i = 0;i<arrcode.length;i++){
            $("#box").append('<span>'+arrcode[i]+'</span>')
            $("span:nth-child("+ (i+1) +")").css({
            "color":randomColor(),
            "transform":"rotate("+random1Num(-30,30) +"deg)",
            "fontSize":""+ random1Num(24,36) +"px",
            "marginTop":""+ random1Num(-3,3) +"px",
            "marginLeft":""+ random1Num(-2,6) +"px",
            "marginRight":""+ random1Num(-2,8) +"px",

        })
        } 
    }

    //校验
    $("#ipt").on("blur",function(){
        //都转成小写，即不区分大小写
        if($("#ipt").val() != ""){
            if($("#ipt").val().toLowerCase() == code.toLowerCase()){
            alert("验证码输入正确！")
            }else{
                alert("验证码输入错误！")
            } 
        }
    })



</script>
博客园地址： http://www.cnblogs.com/wong-do/


慕东
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
KAICOM 凯立K2 SDK.zip
07-23
KAICOM 凯立K2 快递扫描枪无线盘点机二维码扫描器快递巴枪手持数据终端pda 智分宝 开发 SDK
生成6位数的数字验证码
青春年少不知疼的博客
07-09 1万+
一、前言 在最近的一个微信慢病公众号项目中设计到一个获取短信验证码的功能，要求随机生成6位数的数组验证码，其实还是蛮简单的，随便写了一个。二、代码public class ValidateCode { public static String createData() { return createData(6); } public static String cre...
【2022-01-06】验证码合集
骑毛驴的猴的博客
01-06 8829
文章目录前言一、小红书滑块二、抖音web滑块三、快手滑块四、易盾滑块五、有赞滑块六、极验滑块七、螺丝帽验证码八、gov滑块 前言 搞了蛮多滑块的网站，给他梳理下，然后有需要的可以加我vx探讨:scorpio_a_j 注：后期会持续更新 一、小红书滑块 数美系列滑块都可 web、app版 wx小程序版 二、抖音web滑块 头条、掘金、巨量等字节系网站通用 三、快手滑块 四、易盾滑块 易盾滑块网站都可 易盾官网 网易严选 网易邮箱安全中心 五、有赞滑块 六、极验滑块 .
For循环
ld3205的博客
05-28 255
问题： 经常看网上两种写法，在循环中，1.将变量i定义在for循环中，2.提前定义，直接在循环中使用.这两者有没有差距了？ package com.dong.acm; public class testFor { public static void testfor() { int i ; for(int i = 0 ;i<800 ;i++) System.out...
OpenCV 数字验证码识别
热门推荐
monkeyduck的专栏
07-17 2万+
更新后代码下载链接在此！！！点我下载 本文针对OpenCv入门人士，因为我也不是专门做图像的，只是为了完成一次模式识别的小作业。主要完成的功能就是自动识别图片中的数字，图片包括正常图片，有划痕图像和有噪点图像。分别如下先上图，看识别效果！接下来开始来点干货了： opencv的安装与配置：这个要是展开讲可以再写一篇博文了，我当时什么都不会配个opencv麻烦死了，最后参考网上studio2012的配
js实现随机数字字母验证码
10-19
本文介绍的是一种利用JavaScript实现的随机数字字母验证码。 数字字母验证码通常由数字和英文字母组成，可以是任意长度的字符串。在本例中，验证码长度被设定为4位。实现验证码的关键在于如何生成随机数，并将它们...
jQuery随机数字字母验证码特效
06-24
本案例中的"jQuery随机数字字母验证码特效"是专门针对前端网页设计的一种验证方法，它结合了数字和字母，提高了验证码的复杂性和安全性。 jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画...
易语言随机生成数字字母汉字验证码
08-19
在本项目中，“易语言随机生成数字字母汉字验证码”是一个利用易语言编写的程序，其主要功能是生成复杂的验证码，以增强系统的安全性。 验证码（CAPTCHA）全称“全自动区分计算机和人类的图灵测试”，是一种防止...
C# 生成验证码取随机数字加字母(改进版)
10-27
生成验证码取4位数字没有问题，结果加上字母效率非常低本人改进了一下，感兴趣的朋友可以参考下哈
随机生成6位验证码或密码（字母和数字组合）
dxy_fly的专栏
06-12 6537
import java.util.Random; public class Test {       public static char[] getChar(){         char[] passwordLit = new char[62];         char fword = 'A';         char mword = 'a';         char bw
验证码图片
10-29
可用于训练的验证码图片，数量6000+，以验证码图片实际的值命名文件，验证码为6位数。
java发送短信6位随机验证码（1）
02-05
以中国网建短信平台为例，java给手机发送短信6位随机验证码。
6位验证码函数
05-28
数字与字母混合验证码 var b = "", c; for(i = 1; i <= 6; i ++ ) { c = Math.floor(Math.random() * a.length); b = b + a[c]; a = a.del(c); }
随机生成6位验证码具体方法(Random、Math.random()、ThreadLocalRandom)
搏·梦的博客
01-18 1万+
文章目录1. 需求2. 多种实现方式1. Random 随机生成+ StringBuilder（不建议)2. Math.random()3. ThreadLocalRandom方法(推荐)4. String.format + ThreadLocalRandom 1. 需求 有时候我们会有验证码的功能，自然就需要随机生成6位验证码的代码 2. 多种实现方式 1. Random 随机生成+ StringBuilder（不建议) public class demo { public static v
六位数字字母验证码
weixin_30764137的博客
05-13 1635
效果图 html部分 <body> <input type="text" id="ipt"/> <div id="box" onclick="reset()"></div> </body> input部分是需要输入的部分，div部分是自动生成的验证码 style部分 <style&gt...
生成6位数数字验证码
qq_44955537的博客
11-26 4962
import random def get_Verif(num=6): base_list = [1,2,3,4,5,6,7,8,9,0] verif = str(random.sample(base_list,num))[1:-1].replace(',','').replace(' ','') print(verif) return verif
短信验证码、手机验证码等为什么是6位？
亿美软通的博客
08-18 1万+
在移动互联网时代，大家对短信验证码应该都不陌生，最常见的场景有网站或APP注册、动态码登陆、找回密码、网银获取动态密码等。其根本目的是利用手机号码来验证用户身份，保证用户的真实性，降低垃圾注册。有个小细节，为什么验证码现在越来越多是6位数？验证码多为6位数的原因看来无非以下两点： 1、手机验证码一般都是数字，都是有一定机率被用户猜中的，4位的话，有1/10000=0.01%的概率，6位的话，有1/1000000=0.0001%的概率。如果没有限制验证码错误次数，或者有限制被绕过，4位数验证码基本上5分钟就
c语言解6位数密码程序,牛逼了！C语言打造的6位密码随机生成器，小白也可以学会...
weixin_32493541的博客
05-17 5769
在我们注册某些网站的时候，很多需要提供手机号，用来接收验证码来完成注册。我们知道，每次的验证码都是随机的，那么这里面的验证码到底是如何随机生成的呢？今天，我就给大家展示一种6位随机密码生成的例子。本算法是小编原创猜测，如有雷同不胜荣幸。首先贴出代码。#define _CRT_SECURE_NO_WARNINGS#include#include#includechar code[10];int fl...
Java生成6位含字母数字的随机数
weixin_51779676的博客
11-08 1286
Java生成6位含字母数字的随机数
js随机4位数验证码 字母 数字
最新发布
07-12
这段代码定义了一个函数 `generateRandomCode`，它使用一个包含数字和大写字母的字符串来生成随机的4位验证码。在循环中，我们通过生成一个随机索引来选取字符串中的字符，并将选中的字符添加到验证码中。最后，函数...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值