passwordStrength 基于jquery的密碼強度檢測代碼使用介紹

查看示例：DEMO

成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供遼陽縣網(wǎng)站建設(shè)、遼陽縣做網(wǎng)站、遼陽縣網(wǎng)站設(shè)計、遼陽縣網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、遼陽縣企業(yè)網(wǎng)站模板建站服務(wù)，10多年遼陽縣做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

打包下載

使用很簡單。

復(fù)制代碼

代碼如下:

$('#pass').passwordStrength();

XHTML

復(fù)制代碼

代碼如下:

plabel請輸入密碼：/label

input

type="password"

id="pass"

class="input"

//p

div

id="passwordStrengthDiv"

class="is0"/div

plabel確認密碼：/label

input

type="password"

id="repass"

class="input"

//p

注意：id#passwordStrengthDiv的DIV是用來加載強度圖片的，你也可以自定義ID，但調(diào)用時就要給參數(shù)賦值：

復(fù)制代碼

代碼如下:

targetDiv

:

'#ID'

//自定義加載圖片的ID

載入JS和CSS：

復(fù)制代碼

代碼如下:

link

rel="stylesheet"

type="text/css"

href="style/main.css"

/

script

type="text/javascript"

src="jquery.js"/script

script

type="text/javascript"

src="jquery.passwordStrength.js"/script

script

type="text/javascript"

$(function(){

$('#pass').passwordStrength();

});

/script

怎么樣使用jquery密碼強度檢測插件passwordstrength

具體代碼如下：

!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Strict//EN"

""

html?xmlns=""

head

meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/

titlejQuery密碼強度插件passwordStrength實例演示/title

script?type="text/javascript"?src="jquery1.3.2.js"/script

script?src="jquery.passwordStrength.js"?type="text/javascript"/script

script?type="text/javascript"

$(document).ready(function(){

var?$pwd?=?$('input[name="password"]');

$pwd.passwordStrength();

$(".Generate_password").click(function(){

//產(chǎn)生隨機八位密碼

var?pwd?=?$.passwordStrength.getRandomPassword(8);

//將隨機密碼寫入密碼框，并觸發(fā)驗證

$pwd.val(pwd).trigger("keyup");

return?false;

})

});

/script

style?type="text/css"

body{font-size:12px;}

.clearfix:after{

content:".";?display:block;?height:0;?clear:both;

visibility:hidden;

}

*html?.clearfix{

height:1%;

}

*+html?.clearfix{

height:1%;

}

.l{float:left;}

.form_item{margin-bottom:6px;}

.form_item?label{width:100px;text-align:right;margin-right:4px;display:block;float:left;padding-top:2px;}

.form_item?.text{height:14px;padding:2px;width:132px;border:1px?solid?#999;}

.form_item?div?a{margin-left:6px;}

#passwordStrengthDiv{margin-top:6px;}

.is0{background:url(images/progressImg1.png)?no-repeat?0?0;width:138px;height:7px;}

.is10{background-position:0?-7px;}

.is20{background-position:0?-14px;}

.is30{background-position:0?-21px;}

.is40{background-position:0?-28px;}

.is50{background-position:0?-35px;}

.is60{background-position:0?-42px;}

.is70{background-position:0?-49px;}

.is80{background-position:0?-56px;}

.is90{background-position:0?-63px;}

.is100{background-position:0?-70px;}

/style

/head

body

script?type="text/javascript"

if(document.getElementById('GoogleAD')!=null){

document.getElementById('GoogleAD').innerHTML?=?'div?class="SearchEngine_AD1"'?+?document.getElementById('GoogleADCode').innerHTML?+?'/div';

}

/script

div?class="form_item?clearfix"

label密??碼：/label

div?class="l"

divinput?name="password"?type="text"?class="text"?maxlength="16"/a?href=""?class="Generate_password"產(chǎn)生隨機密碼/a/div

div?id="passwordStrengthDiv"?class="is0"/div

/div

/div

/body

/html

在線演示地址如下：

請教密碼強度正則表達式

密碼強度指一個密碼被非認證的用戶或計算機破譯的難度。 密碼強度通常用“弱”或“強”來形 容?！叭酢焙汀皬姟笔窍鄬Φ?，不同的密碼系統(tǒng)對于密碼強度有不同的要求。密碼的破譯與系統(tǒng)允許客戶嘗試不同密碼的次數(shù)、是否熟悉密碼主人等因素相關(guān)。然而，即使再強的密碼也有可能被偷取、破譯或泄漏，在用戶設(shè)置密碼時，盡可能的將密碼設(shè)置的越復(fù)雜、位數(shù)越長、經(jīng)常更換此類型的密碼，從而才能讓密碼強度盡可能達到最高。

條件1: 密碼只能是數(shù)字或大小寫字母或下劃線的組合

條件2: 如果密碼包含數(shù)字和字母的組合即為強.

例如 : 123abc 為強密碼

123abc_也是強密碼

? ? ?123456 為弱密碼

? ? ?123456_為弱密碼

? ? ?abcdef 為弱密碼

? ? ?abcdef_ 為弱密碼

首先，畫一個DFA：

其中，S是開始狀態(tài)，A代表包含數(shù)字但不包含字母的狀態(tài)，B代表包含字母但不包含數(shù)字的狀態(tài)，C代表既包含字母又包含數(shù)字的狀態(tài)，O代表包含非法字符的陷阱狀態(tài)。如果狀態(tài)機停在S、A、B狀態(tài)，則為弱密碼。如果狀態(tài)機停在C狀態(tài)，則為強密碼。如果狀態(tài)機停在O狀態(tài)，則為非法密碼。然后，把它轉(zhuǎn)化成正則就可以啦。

下面這個正則要求密碼長度最少12位，包含至少1個特殊字符，2個數(shù)字，2個大寫字母和一些小寫字母。

(?=^.{12,25}$)(?=(?:.*?\d){2})(?=.*[a-z])(?=(?:.*?[A-Z]){2})(?=(?:.*?[!@#$%*()_+^}{:;?.]){1})(?!.*\s)[0-9a-zA-Z!@#$%*()_+^]*$

分解：

span style="font-size: 16px;"(?=^.{12,25}$) -- 密碼長度12-25，自己改變數(shù)字可以調(diào)節(jié)

(?=(?:.*?[!@#$%*()_+^}{:;?.]){1}) -- 至少一個特殊字母，F(xiàn)YI/span

(?=(?:.*?\d){2}) -- 至少2個數(shù)字，F(xiàn)YI

(?=.*[a-z]) -- a-z的小寫字母

(?=(?:.*?[A-Z]){2}) -- 至少2個大寫字母，F(xiàn)YI

jquery或者js表單驗證

在表單form的屬性中添加onsubmit="return false"，然后在表單提交的時候調(diào)用js，在js中做判斷，如果不滿足要求就return false，表單將不會提交。。。。

jquery如何判斷密碼強度

密碼字符串的組成形式。比如，純數(shù)字的強度就小于純字母的強度，純字母的就小于數(shù)字與字母組合的強度（這種是自己通過寫簡單的代碼來判斷，當(dāng)然，也可以下載相應(yīng)的插件，百度搜一下應(yīng)該有很多的）。