Home » jQuery 外掛

[jQ]jQuery Password Strength Meter 1.0.1

範例 1
沒錯!只要 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 的迴響

發表迴響