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