随机产生多个指定字符

随机验证码:

let codeArr = [ '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','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',0, 1, 2, 3, 4, 5, 6, 7, 8, 9];

这里的字符可以任意加入

<script>
    let code;
    function createCode() {
        let codeInput = document.getElementsByClassName("code")[0];
        let codeArr = [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'];
        let length = 4;
        code = "";
        for (let i = 0; i < length; i++) {
            let randomI = Math.floor(Math.random() * 62);
            code += codeArr[randomI];
        }
        console.log(code);
        if (code) {
            codeInput.value = code;
        }
    }
    function verifyCode() {
        let input = document.getElementById("verify-code");
        let value = input.value;
        if (value.length <= 0) {
            alert("输入不能为空");
            input.focus();
        } else if (value != code) {
            alert("不匹配");
            //重新给一个
            createCode();
            input.value = "";
            input.focus();
        } else {
            alert("验证成功")
        }
    }
    window.onload = function () {
        createCode();
    }
</script>

解析:
1、创建数组,里面包含字母和数字
2.验证码 是自定义位,这里产生4位,每次都将随机产生一个codeArr下标,相当于随机产生一个字符codeArr[下标],然后拼接起来,就是4位随机验证码 。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值