快捷導(dǎo)航

原生JS生成指定位數(shù)的驗(yàn)證碼

更新時(shí)間：2020年10月28日 10:52:29 作者：果汁盒

這篇文章主要為大家詳細(xì)介紹了原生JS生成指定位數(shù)的驗(yàn)證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

使用原生JS生成指定位數(shù)的驗(yàn)證碼，驗(yàn)證碼包括字母和數(shù)字

##思路：使用String的fromCharCode方法將給定范圍的隨機(jī)數(shù)轉(zhuǎn)為大小寫(xiě)字母，再通過(guò)隨機(jī)數(shù)決定數(shù)組當(dāng)前位置為大寫(xiě)字母，小寫(xiě)字母或者是數(shù)字，函數(shù)傳入的參數(shù)當(dāng)做該數(shù)組的長(zhǎng)度，隨機(jī)填好數(shù)組后，對(duì)數(shù)組內(nèi)的元素做分情況處理：當(dāng)該數(shù)組內(nèi)沒(méi)有數(shù)字時(shí)，需要隨機(jī)修改一個(gè)字母為一個(gè)隨機(jī)的數(shù)字；當(dāng)該數(shù)組沒(méi)有字母時(shí)，需隨機(jī)修改一個(gè)數(shù)字為大寫(xiě)或者小寫(xiě)字母；正常情況下的有字母也有數(shù)字不做處理，每個(gè)判斷語(yǔ)句的最后使用數(shù)組的join方法將該數(shù)組轉(zhuǎn)換為字符串并return。

function verificationCode(num) {
  var arr = [];
  var letterFlag = false;
  var numberFlag = false;
  for (i = 0; i < num; i++) {
    // 獲取隨機(jī)大寫(xiě)字母
    var uppercase = String.fromCharCode(Math.round(Math.random() * 25 + 65));
    // 獲取隨機(jī)小寫(xiě)字母
    var lower = String.fromCharCode(Math.round(Math.random() * 25 + 97));
    // 獲取隨機(jī)數(shù)字
    var number = Math.round(Math.random() * 9);
    // 獲取0-2的隨機(jī)數(shù)來(lái)隨機(jī)決定該位置是大寫(xiě)字母，小寫(xiě)字母或者是數(shù)字
    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是否同時(shí)有字母與數(shù)字
  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;
    }
  }
  // 對(duì)不同情況做處理
  // 字母數(shù)字都有
  if (letterFlag && numberFlag) {
    return arr.join("");
  }
  // 沒(méi)有字母時(shí)
  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("");
  }
  // 沒(méi)有數(shù)字時(shí)
  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);

運(yùn)行結(jié)果