這篇文章我們來說一個驗證密碼強度的例子,大家在進入一個網(wǎng)站的時候,往往都會先注冊一個賬號,然后輸入密碼,在輸密碼的時候,系統(tǒng)會根據(jù)我們輸入的密碼組成的復雜程度來給你的密碼顯示一個密碼強度,一般就是強中弱三種,我們先來說一下密碼驗證的原理,原理明白了,js代碼就好寫了,今天的代碼會用到正則表達式。
創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)服務(wù)商,為中小企業(yè)提供網(wǎng)站設(shè)計制作、成都網(wǎng)站建設(shè)服務(wù),網(wǎng)站設(shè)計,網(wǎng)站運營等一站式綜合服務(wù)型公司,專業(yè)打造企業(yè)形象網(wǎng)站,讓您在眾多競爭對手中脫穎而出創(chuàng)新互聯(lián)公司。首先說一下密碼強度的三種等級是如何劃分的?
弱:一般就是純數(shù)字或純小寫字母或者純大寫字母組成的,這種密碼較簡單,所以安全等級為弱。
中:由上述情況中的任意兩種組成的密碼強度為中。
強:上述三種情況都有。
再來說一下表示強中弱的三個div隨著密碼的輸入來顯示對應(yīng)的強度,首先我們先寫一個class名為active的樣式,顏色隨便寫一下,然后判斷完輸入的密碼強度等級之后,把對應(yīng)的強度的div的class名改為active就可以了。
寫代碼吧:
html:
弱中強