開發(fā)網(wǎng)站注冊界面時,一般要進行密碼強度的驗證,那么好看實用的密碼強度檢測樣式,肯定能提升用戶體驗度。以下是php中文網(wǎng)為各位網(wǎng)頁精選的5款好用的密碼強度檢測特效插件,大家在開發(fā)密碼強度檢測功能的時候可以進行參考,并下載代碼。
1、jQuery密碼強度檢測
jQuery是一個快速、簡潔的JavaScript框架,這是用jQuery實現(xiàn)密碼強度檢測功能,若用戶輸入的密碼過于簡單則會提示“弱”,然后用戶可根據(jù)強弱提示更改自己密碼的復雜程度。
2、Vue密碼強度
Vue是一套用于構(gòu)建用戶界面的漸進式JavaScript框架,這是使用Vue實現(xiàn)的密碼強度顯示效果,可根據(jù)用戶輸入的密碼顯示出具體多少位數(shù)以及提示“Lowercase”(小寫字母)、“Number”(數(shù)字)、“Uppercase”(大寫字母)。
3、jQuery實現(xiàn)密碼強度的智能判斷特效
jQuery實現(xiàn)密碼強度的智能判斷特效,一般在注冊時會用到這樣的效果,告訴用戶,用戶輸入的密碼是否過于簡單,php中文網(wǎng)推薦下載!
4、jQuery密碼強度驗證插件
這是一款用jQuery實現(xiàn)密碼強度驗證的插件,當用戶點擊“Show password”即可顯示密碼,點擊“Hide Password”時則隱藏密碼,并且有三種顏色來表示密碼的強弱。
5、密碼強度指示
這是CSS3制作的密碼強度指示,圖中的指針會根據(jù)密碼的強弱進行轉(zhuǎn)動,未輸入密碼的初始狀態(tài)則是指在左邊最底的紅色處。