dPassword  密碼逐步隱藏 jQuery 框架套件

有時候在網頁輸入密碼時，會忽然不知道自己剛剛打到的是什麼字，接下來該打什麼字才是正確的密碼，這個時候大部分的人都只能夠把它全部都刪除之後再重新的輸入一次，這樣才能確保輸入的是正確的密碼文字。dPassword 這是一個基於 jQuery 框架咖開發的套件，在輸入密碼時會跟手機打密碼一樣，顯示最後一個輸入的文字其他隱藏住，如果忽然有人跟你說話你也還可以確認你剛剛輸入了什麼樣的文字了。

使用方法：
第一步 載入 dPassword 需要用到的 JavaScript 檔案
<!-- 使用 Google AJAX API 取得 jQuery 框架 1.8.2 min 版本 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- 載入 dPassword 的主程式碼 -->
<script type="text/javascript" src="lib/jQuery.dPassword.js"></script>


第二步 設計密碼輸入的 HTML 區域
<form action="#">
    <label for="password">Password:</label>
    <input type="password" name="password" id="password" value="" />
    <input type="submit" name="submit" value="顯示密碼" id="submit" onclick="alert('fieldname: ' + $('#password').attr('name') + '\npassword value: '+ $('#password').val()); return false;"/>
</form>
<p>and another password field:</p>
<form action="#">
    <label for="password2">Password:</label>
    <input type="password" name="password2" id="password2" value="" />
</form>

第三步 使用 JavaScript 讓 dPassword 初始化
$( function() {
$('input:password').dPassword();
});

附上 dPassword 可修改參數表

參數	說明
interval	重新檢查的輸入字符的間隔時間
duration	最換字元轉換延遲時間.以毫秒為單位
replacement	使用 Unicode 字元進行替換
prefix	生成元件的前綴字元
debug	除錯模式 需要 FireBug 啟用狀態

作者網站：http://code.google.com/p/dpassword/
檔案大小：5.2 KB (包含範例)
檔案下載：http://dpassword.googlecode.com/files/dpassword.zip
備份下載：下載