使用原生JS生成指定位数的验证码，验证码包括字母和数字

最新推荐文章于 2022-04-03 10:12:03 发布

JuiceBox9527

最新推荐文章于 2022-04-03 10:12:03 发布

阅读量582

点赞数 1

文章标签： javascript js

本文链接：https://blog.csdn.net/SuperPig7451/article/details/109318616

版权

使用原生JS生成指定位数的验证码，验证码包括字母和数字

##思路：使用String的fromCharCode方法将给定范围的随机数转为大小写字母，再通过随机数决定数组当前位置为大写字母，小写字母或者是数字，函数传入的参数当做该数组的长度，随机填好数组后，对数组内的元素做分情况处理：当该数组内没有数字时，需要随机修改一个字母为一个随机的数字；当该数组没有字母时，需随机修改一个数字为大写或者小写字母；正常情况下的有字母也有数字不做处理，每个判断语句的最后使用数组的join方法将该数组转换为字符串并return。

function verificationCode(num) {
    var arr = [];
    var letterFlag = false;
    var numberFlag = false;
    for (i = 0; i < num; i++) {
        // 获取随机大写字母
        var uppercase = String.fromCharCode(Math.round(Math.random() * 25 + 65));
        // 获取随机小写字母
        var lower = String.fromCharCode(Math.round(Math.random() * 25 + 97));
        // 获取随机数字
        var number = Math.round(Math.random() * 9);
        // 获取0-2的随机数来随机决定该位置是大写字母，小写字母或者是数字
        var temp = Math.round(Math.random() * 2)
        if (temp == 0) {
            arr[i] = uppercase;
        } else if (temp == 1) {
            arr[i] = lower;
        } else {
            arr[i] = number;
        }
    }
    // 检查arr是否同时有字母与数字
    for (var j = 0; j < arr.length; j++) {
        if (Object.prototype.toString.call(arr[j]) == "[object String]") {
            letterFlag = true;
        }
        if (typeof(arr[j]) == 'number') {
            numberFlag = true;
        }
    }
    // 对不同情况做处理
    // 字母数字都有
    if (letterFlag && numberFlag) {
        return arr.join("");
    }
    // 没有字母时
    if (letterFlag == false && numberFlag == true) {
        uppercase = String.fromCharCode(Math.round(Math.random() * 25 + 65));
        lower = String.fromCharCode(Math.round(Math.random() * 25 + 97));
        temp = Math.round(Math.random() * 1)
        if (temp == 0) {
            arr[Math.round(Math.random() * (num - 1))] = uppercase;
        } else {
            arr[Math.round(Math.random() * (num - 1))] = lower;
        }
        return arr.join("");
    }
    // 没有数字时
    if (letterFlag == true && numberFlag == false) {
        number = Math.round(Math.random() * 9);
        arr[Math.round(Math.random() * (num - 1))] = number;
        return arr.join("");
    }
}
var code = verificationCode(10);
console.log(code);