[程式][JQuery] password_strength_test V0.9.0檢查密碼強度的Plugin。－四處流浪的阿基。I am Vagrant Walker

因為工作需要，所以我上網找了一些有關密碼強度的JQuery。可是一直沒有覺得適合我的。

所以索性就自己寫一個比較能夠掌控的。我在這邊幫他命名 Password Strength Test。

檔案下載：http://www.megaupload.com/?d=FQZ0IXR6
裡面包含了完整的範例。

* 這個程式是參考網路相關資料主要是參考password_strength_plugin.js寫出來的
* View the GNU General Public License <http://www.gnu.org/licenses/>
* 歡迎大家共同讓程式變得更完美
* 部落格：http://expect7.pixnet.net/blog

* @author 李泓承 Lee (titanexpect@hotmail.com)
* @date 2011/10/04
* @projectDescription 這支程式主要是用來寫判斷密碼強度。如果有問題歡迎到blog討論
* @version 0.0.9
* @browser 目前有測過IE8,IE9,Google Chorme 14.0.835.187 m,FireFoxy 7.0.1

當然一開始一定要include JQuery，我使用的環境是JQuery 1.6版，在來就是include 我寫的Plugin。

在來就是要在程式碼當中，先寫個$(document).ready( function({})，這個意是要把讓Plugin在文件載入完成之後在來執行，如果放在外面很容易變成錯誤。

$(document).ready( function() {

});

接下來看HTML的部分。輸入帳號的Tag ID設定為UID，密碼的Tag ID設定為testPassword。

下一個步驟就有點算是初始話環境。在$(document).ready( function({}) 宣告初始值。

$("#testPassword").passStrength({
       shortPassCSS:                   "color:red",
       badPassCSS:                     "color:red",
       goodPassCSS:                   "color:blue",
       strongPassCSS:                 "color:blue",
       shortPassPhrase:              "密碼太短，請在長一點。",
       badPassPhrase :               "密碼太脆弱，請建議用複雜一點。",
       goodPassPhrase:              "密碼符合基本表準。",
       strongPassPhrase:            "密碼複雜度夠強了。",
       samePasswordPhrase:      "密碼請不要跟帳號一樣。",
       showLevelID:                     "LevelID",
       showPhraseID:                  "ShowSpan",
       userid:                               "UID"
});

testPassword，這個是你輸入Password的tag id。

shortPassCSS:設定當密碼過短的時候，顯示字串的DIV標籤相關的CSS設定。

badPassCSS:設定當密碼不良的時候，顯示字串的DIV標籤相關的CSS設定。

goodPassCSS:設定當密碼良好的時候，顯示字串的DIV標籤相關的CSS設定。

strongPassCSS:設定當密碼強度非常足夠的時候，顯示字串的DIV標籤相關的CSS設定。

shortPassPhrase:設定當密碼過短的時候，會顯示的字串。

badPassPhrase:設定當密碼不良的時候，會顯示的字串。

goodPassPhrase:設定當密碼符合基本強度的時候，會顯示的字串。

strongPassPhrase:設定當密碼強度非常好的時候，會顯示的字串。

samePasswordPhrase: 設定當密碼與帳號相同的時候，會顯示的字串。

showLevelID:設定顯示密碼等級的ID，我預設是display:none，是要讓其他程式可以截取使用的
                    1 表示密碼過短或是強度不足的時候。
                    2 表示密碼與帳號相同。
                    3 表示密碼強度符合基本要求。
                    4 表示密碼強度相當良好。

showPhraseID:設定顯示字串的Div Tag名稱。

userid:設定輸入帳號的Tag名稱。

以上的變數，只有userid是必要的，其他的部分可以不用宣告。

下面就是會顯示的結果，如果有任何問題，歡迎留言討論。