原生JS生成指定位数的验证码
编程学习 2021-07-04 14:06www.dzhlxh.cn编程入门
这篇文章主要为大家详细介绍了原生JS生成指定位数的验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
使用原生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);
运行结果
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持狼蚁SEO。