Home » jQuery 外掛

[jQ]jQuery Password Strength Meter 1.0.1

[ 日期： | 瀏覽：7,517 | 迴響：1 ]
範例 1
請協助我把這個效果加到我的網站 (只要 900 元)
沒錯!只要 900 元就能獲得我們團隊完整的協助，讓效果能迅速的整合到您的網站，並保證瀏覽器的相容性。
立刻申請!

jquery_password_strength_meter_1_0_1

現在很多網站都有會員機制，很多人怕密碼會忘記或是偷懶都會用一些很簡短簡單的密碼，這樣就讓其它惡意的使用者就有機可趁，這也讓網站的管理者很頭大。因此，jQuery Password Strength Meter 套件能用在註冊時就先檢查密碼的強度，同時還能檢查帳號跟密碼是否相同哩。

套件名稱：jQuery Password Strength Meter
套件版本：1.0.1
作者網站：http://mypocket-technologies.com/jquery/password_strength/
套件網址：http://plugins.jquery.com/project/pass_strength
發佈日期：2009-03-13
檔案大小：5.60 KB
檔案下載：password_strength_plugin.js style.css

參數說明：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

userid(必填)
描述： 用來檢查帳號跟密碼不得相同時用
預設值： ""
 
shortPass(選填)
描述： 當密碼太短時所要使用的 className
預設值： "shortPass"
 
badPass(選填)
描述： 當密碼強度太弱時所要使用的 className
預設值： "badPass"
 
goodPass(選填)
描述： 當密碼強度夠時所要使用的 className
預設值： "goodPass"
 
strongPass(選填)
描述： 當密碼強度很強時所要使用的 className
預設值： "strongPass"
 
baseStyle(選填)
描述： 密碼檢驗提示樣式的 className
預設值： "testresult"
 
messageloc(選填)
描述： 密碼檢驗提示是在輸入框的後面或是前面；0 則表示前面，1 則表示後面
預設值： 1

方法說明：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10

// 指定密碼輸入框欄位加上檢驗的功能
$(selector).passStrength(options);
 
// 密碼檢驗後的提示內容
$.fn.shortPass = 'Too short';
$.fn.badPass = 'Weak';
$.fn.goodPass = 'Good';
$.fn.strongPass = 'Strong';
$.fn.samePassword = 'Username and Password identical.';
$.fn.resultStyle = "";

使用範例：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

<script type="text/javascript" src="jquery.js"></script>
<link type="text/css" rel="stylesheet" href="style.css">
<script type="text/javascript" src="password_strength_plugin.js"></script>
<style type="text/css">
	.form {
		width: 380px;
	}
	.password_test {
		float:left;
	}
</style>
<script type="text/javascript">
	$(function(){
		// 變更帳號與密碼相同時的提示內容
		$.fn.samePassword = '帳號與密碼相同.';
 
		$(".password_test").passStrength({
			userid:	"#user_id"
		});
	});
</script>
 
<body>
	<div class="form">
		<input type="text" name="user_name" id="user_id" />
		<input type="password" name="pass_word" class="password_test" />
	</div>
</body>

範例 1

檔案描述
基本的範例檔案(免空) 開始下載
基本的範例檔案 會員限定

提示圖片：
red.png yellow.png green.png

1 筆針對 [jQ]jQuery Password Strength Meter 1.0.1 的迴響

發表迴響