快捷導(dǎo)航

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

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

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

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

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

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

運行結(jié)果