passwordStrength 基于jquery的密碼強度檢測代碼使用介紹
更新時間：2011年10月08日 23:15:53 作者：
我們設定密碼強度等級為10，制作一張圖片表示每個等級狀態(tài)，給密碼框綁定keyup事件，通過keyup事件獲取密碼值，然后使用正則進行判斷密碼強度等級，然后變換相應的圖片
查看示例：DEMO 打包下載
$('#pass').passwordStrength();
XHTML
<p><label>請輸入密碼：</label>
<input type="password" id="pass" class="input" /></p>
<div id="passwordStrengthDiv" class="is0"></div>
<p><label>確認密碼：</label>
<input type="password" id="repass" class="input" /></p>
注意：id#passwordStrengthDiv的DIV是用來加載強度圖片的，你也可以自定義ID，但調用時就要給參數(shù)賦值：
targetDiv : '#ID' //自定義加載圖片的ID
載入JS和CSS：
<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>
使用很簡單。
復制代碼 代碼如下:
$('#pass').passwordStrength();
XHTML
復制代碼 代碼如下:
<p><label>請輸入密碼：</label>
<input type="password" id="pass" class="input" /></p>
<div id="passwordStrengthDiv" class="is0"></div>
<p><label>確認密碼：</label>
<input type="password" id="repass" class="input" /></p>
注意：id#passwordStrengthDiv的DIV是用來加載強度圖片的，你也可以自定義ID，但調用時就要給參數(shù)賦值：
復制代碼 代碼如下:
targetDiv : '#ID' //自定義加載圖片的ID
載入JS和CSS：
復制代碼 代碼如下:
<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來實現(xiàn)。2015-05-05
這里推薦給大家一款jquery動態(tài)云標簽的插件，非常的炫，在指定塊級元素內動態(tài)生成a標簽，a標簽的高度、寬度、位置、層數(shù)、背景顏色隨機可控，a標簽漸隱顯示和漸隱消失，可改變初始化的透明度，鼠標懸浮停止動畫且透明度最大，層數(shù)最高，鼠標離開，恢復之前狀態(tài)2014-11-11
這篇文章主要介紹了關于jQuery.ajax()的jsonp碰上post的相關資料，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。2017-07-07
昨天突然有網友問我animate()方法可以來操作所有css屬性嗎？是的，我告訴他可以的。不過，在此有需要注意點需要大家搞清楚。接下來通過本篇文章給大家介紹基于jquery animate操作css樣式屬性小結，對jquery animate css相關知識感興趣的朋友一起學習吧2015-11-11
這篇文章主要介紹了jquery 插件重新綁定的處理方法,結合實例形式分析了jQuery插件解除綁定與重新綁定的具體操作技巧,需要的朋友可以參考下2019-11-11
本文為大家介紹下使用jquery驗證郵箱、驗證手機號碼，具體實現(xiàn)思路及代碼如下，感興趣的朋友可以學習下2013-07-07
jQuery 的 get 和 post 方法有三個參數(shù)：地址，數(shù)據(jù) 和回調函數(shù)，剛剛做了幾個實驗，看看下面的代碼就清楚了2014-08-08
下面小編就為大家?guī)硪黄猨Query效果函數(shù)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-09-09
很簡單的一個效果插件,但不是經常用,怕忘了,以后在用又要去看文檔,所以現(xiàn)在把筆記寫下來,方便以后2010-08-08
jQuery實現(xiàn)導航滾動到指定內容效果完整實例【附demo源碼下載】
這篇文章主要介紹了jQuery實現(xiàn)導航滾動到指定內容效果,結合完整實例形式分析了頁面元素屬性動態(tài)變換操作相關技巧,涉及jQuery插件jquery.scrollto.js的使用,并附帶demo源碼下載供讀者下載參考,需要的朋友可以參考下2016-09-09