js檢測用戶輸入密碼強度_javascript技巧

來源：懂視網責編：小采時間：2020-11-27 21:44:41

js檢測用戶輸入密碼強度_javascript技巧

js檢測用戶輸入密碼強度_javascript技巧:一個用Javascript檢測用戶輸入密碼強度的效果代碼，以下代碼主要是從以下四個方面檢測用戶輸入的密碼的強度的，有興趣的朋友可以自己添加或修改成自己想要的形式！ 1. 如果輸入的密碼位數少于5位，那么就判定為弱。 2. 如果輸入的密碼只由數字、小寫字母、大

推薦度：

點擊下載本文 文檔為doc格式

導讀js檢測用戶輸入密碼強度_javascript技巧:一個用Javascript檢測用戶輸入密碼強度的效果代碼，以下代碼主要是從以下四個方面檢測用戶輸入的密碼的強度的，有興趣的朋友可以自己添加或修改成自己想要的形式！ 1. 如果輸入的密碼位數少于5位，那么就判定為弱。 2. 如果輸入的密碼只由數字、小寫字母、大

一個用Javascript檢測用戶輸入密碼強度的效果代碼，以下代碼主要是從以下四個方面檢測用戶輸入的密碼的強度的，有興趣的朋友可以自己添加或修改成自己想要的形式！
1. 如果輸入的密碼位數少于5位，那么就判定為弱。
2. 如果輸入的密碼只由數字、小寫字母、大寫字母或其它特殊符號當中的一種組成，則判定為弱。
3. 如果密碼由數字、小寫字母、大寫字母或其它特殊符號當中的兩種組成，則判定為中。
4. 如果密碼由數字、小寫字母、大寫字母或其它特殊符號當中的三種以上組成，則判定為強。
先來看看這個實現的效果吧！

下面是具體利用Javascript檢測用戶輸入密碼強度的效果代碼。
html部分代碼：

無

css部分代碼：

.pwd{width:40px;height:20px;line-height:14px;padding-top:2px;} 
.pwd_f{color:#BBBBBB;} 
.pwd_c{background-color:#F3F3F3;border-top:1px solid #D0D0D0;border-bottom:1px solid #D0D0D0;border-left:1px solid #D0D0D0;} 
.pwd_Weak_c{background-color:#FF4545;border-top:1px solid #BB2B2B;border-bottom:1px solid #BB2B2B;border-left:1px solid #BB2B2B;} 
.pwd_Medium_c{background-color:#FFD35E;border-top:1px solid #E9AE10;border-bottom:1px solid #E9AE10;border-left:1px solid #E9AE10;} 
.pwd_Strong_c{background-color:#3ABB1C;border-top:1px solid #267A12;border-bottom:1px solid #267A12;border-left:1px solid #267A12;} 
.pwd_c_r{border-right:1px solid #D0D0D0;} 
.pwd_Weak_c_r{border-right:1px solid #BB2B2B;} 
.pwd_Medium_c_r{border-right:1px solid #E9AE10;} 
.pwd_Strong_c_r{border-right:1px solid #267A12;}

使用到的Js函數：

密碼設置的強度對用戶信息安全尤為重要，所以大家一定要重視，不僅在開發項目中要時刻注意，還有在平時注冊信息的時候也要提高密碼的強度，保護個人信息安全，希望這篇文章對大家的學習有所幫助。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com