jQuery實現的生成隨機密碼代碼實例簡單介紹
本章節介紹一下如何使用jQuery實現生成隨機密碼的效果。
有需要的朋友可以做一下參考,代碼實例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$.extend({
password: function (length, special) {
var iteration = 0;
var password = "";
var randomNumber;
if(special == undefined){
var special = false;
}
while(iteration < length){
randomNumber = (Math.floor((Math.random() * 100)) % 94) + 33;
if(!special){
if ((randomNumber >=33) && (randomNumber <=47)) { continue; }
if ((randomNumber >=58) && (randomNumber <=64)) { continue; }
if ((randomNumber >=91) && (randomNumber <=96)) { continue; }
if ((randomNumber >=123) && (randomNumber <=126)) { continue; }
}
iteration++;
password += String.fromCharCode(randomNumber);
}
return password;
}
});
$(document).ready(function(){
$("#antzone").html($.password(8)+"<br/>"+$.password(12, true));
});
</script>
</head>
<body>
<div id="antzone"></div>
</body>
</html>
上面的實現了我們的要求,下面介紹一下它的實現過程。
一.代碼注釋:
(1).$.extend({}),擴展jQuery的靜態方法。
(2).password: function (length, special) {},能夠生成密碼的函數,第一個參數是密碼的長度,第二個參數表示密碼中是否有特殊字符,可以除去undefined以外的任意值。
(3).var iteration = 0,此變量用來存儲計數。
(4).var password = "",用來存儲生成的密碼。
(5).var randomNumber,此變量用來生成隨機數。
(6).if(special == undefined){
var special = false;
},判斷是否傳遞了第二個參數,如果沒有傳遞參數,或者就是傳遞的undefined嗎,那么就將special值設置為false。
(7).while(iteration < length),進行while循環運算。
(8).randomNumber=(Math.floor((Math.random()*100)) % 94) + 33,獲取隨機數,值是0-126之間的(ASCII碼對應的)。
(9).if(!special){
if ((randomNumber >=33) && (randomNumber <=47)) { continue; }
if ((randomNumber >=58) && (randomNumber <=64)) { continue; }
if ((randomNumber >=91) && (randomNumber <=96)) { continue; }
if ((randomNumber >=123) && (randomNumber <=126)) { continue; }
},如果不包含特殊字符,那么就會進行相應的區間控制,上面的幾個區間的ASCII碼值對應的都是特殊字符,直接跳過。
(10).iteration++,值加1。
(11).password += String.fromCharCode(randomNumber),獲取對應的字符。
(12).return password,返回密碼字符串。
二.
(1).Math.floor()方法可以參閱javascript Math.floor()一章節。
(2).Math.random()方法可以參閱js Math.random()一章節。
(3).String.fromCharCode()方法可以參閱javascript fromCharCode()一章節。
相關推薦
-
jQuery.position()方法獲取值為0解決方案
關于此方法的基本用法這里就不介紹了,具體用法可以參閱jQury osition()一章節。下面介紹一下此方法的一個問題,那就是獲取的值總是出現零的情況。在使用的過程中,發現osition()返回
-
zblog配置頁的參數保存
zblog配置頁的參數保存
-
zblog找回密碼工具
zblog找回密碼工具
-
js實現圖片懶加載的方法代碼優化版
js實現圖片懶加載的方法代碼優化版.支持圖片底部高度。
-
帝國CMS靈動標簽調用tag和搜索關鍵字方法代碼
帝國CMS靈動標簽調用g和搜索關鍵字方法代碼















