 
<p><label>請(qǐng)輸入密碼：</label> 
<input type="password" id="pass" class="input" /></p> 
<div id="passwordStrengthDiv" class="is0"></div> 
<p><label>確認(rèn)密碼：</label> 
<input type="password" id="repass" class="input" /></p> 

注意：id#passwordStrengthDiv的DIV是用來加載強(qiáng)度圖片的，你也可以自定義ID，但調(diào)用時(shí)就要給參數(shù)賦值：

復(fù)制代碼代碼如下:

targetDiv : '#ID' //自定義加載圖片的ID

載入JS和CSS：

復(fù)制代碼代碼如下:

 
<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> 

您可能感興趣的文章:

密碼強(qiáng)度

相關(guān)文章

JQuery簡(jiǎn)單實(shí)現(xiàn)錨點(diǎn)鏈接的平滑滾動(dòng)
在平時(shí)的項(xiàng)目中，我們經(jīng)常需要一些特效鏈接，如果使效果進(jìn)一步加強(qiáng)，我們可以使點(diǎn)擊錨點(diǎn)鏈接平滑滾動(dòng)到錨點(diǎn)，下面就來給大家講解下如何使用jQuery來實(shí)現(xiàn)。
2015-05-05
jQuery 動(dòng)態(tài)云標(biāo)簽插件
這里推薦給大家一款jquery動(dòng)態(tài)云標(biāo)簽的插件，非常的炫，在指定塊級(jí)元素內(nèi)動(dòng)態(tài)生成a標(biāo)簽，a標(biāo)簽的高度、寬度、位置、層數(shù)、背景顏色隨機(jī)可控，a標(biāo)簽漸隱顯示和漸隱消失，可改變初始化的透明度，鼠標(biāo)懸浮停止動(dòng)畫且透明度最大，層數(shù)最高，鼠標(biāo)離開，恢復(fù)之前狀態(tài)
2014-11-11
關(guān)于jQuery.ajax()的jsonp碰上post詳解
這篇文章主要介紹了關(guān)于jQuery.ajax()的jsonp碰上post的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。
2017-07-07
基于jquery animate操作css樣式屬性小結(jié)
昨天突然有網(wǎng)友問我animate()方法可以來操作所有css屬性嗎？是的，我告訴他可以的。不過，在此有需要注意點(diǎn)需要大家搞清楚。接下來通過本篇文章給大家介紹基于jquery animate操作css樣式屬性小結(jié)，對(duì)jquery animate css相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
2015-11-11
jquery 插件重新綁定的處理方法分析
這篇文章主要介紹了jquery 插件重新綁定的處理方法,結(jié)合實(shí)例形式分析了jQuery插件解除綁定與重新綁定的具體操作技巧,需要的朋友可以參考下
2019-11-11
jquery驗(yàn)證手機(jī)號(hào)碼、郵箱格式是否正確示例代碼
本文為大家介紹下使用jquery驗(yàn)證郵箱、驗(yàn)證手機(jī)號(hào)碼，具體實(shí)現(xiàn)思路及代碼如下，感興趣的朋友可以學(xué)習(xí)下
2013-07-07
jQuery中g(shù)et和post方法傳值測(cè)試及注意事項(xiàng)
jQuery 的 get 和 post 方法有三個(gè)參數(shù)：地址，數(shù)據(jù) 和回調(diào)函數(shù)，剛剛做了幾個(gè)實(shí)驗(yàn)，看看下面的代碼就清楚了
2014-08-08
淺談jQuery效果函數(shù)
下面小編就為大家?guī)硪黄猨Query效果函數(shù)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦
2016-09-09
jquery插件之easing使用
很簡(jiǎn)單的一個(gè)效果插件,但不是經(jīng)常用,怕忘了,以后在用又要去看文檔,所以現(xiàn)在把筆記寫下來,方便以后
2010-08-08
jQuery實(shí)現(xiàn)導(dǎo)航滾動(dòng)到指定內(nèi)容效果完整實(shí)例【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)導(dǎo)航滾動(dòng)到指定內(nèi)容效果,結(jié)合完整實(shí)例形式分析了頁(yè)面元素屬性動(dòng)態(tài)變換操作相關(guān)技巧,涉及jQuery插件jquery.scrollto.js的使用,并附帶demo源碼下載供讀者下載參考,需要的朋友可以參考下
2016-09-09