使用JavaScript怎么檢測四級密碼強度

使用JavaScript怎么檢測四級密碼強度？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

成都創(chuàng)新互聯(lián)公司成立于2013年，我們提供高端成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、成都網(wǎng)站設(shè)計、網(wǎng)站定制、成都全網(wǎng)營銷推廣、微信小程序開發(fā)、微信公眾號開發(fā)、網(wǎng)站推廣服務(wù)，提供專業(yè)營銷思路、內(nèi)容策劃、視覺設(shè)計、程序開發(fā)來完成項目落地，為垃圾桶企業(yè)提供源源不斷的流量和訂單咨詢。

具體如下：



 
  密碼強度檢測 
 
 
 input{float: left; font-size: 14px; width: 250px; height: 25px; border: 1px solid #ccc; padding-left: 10px;}
 #tips{float: left; font-size: 12px; width: 400px; height: 25px; margin: 4px 0 0 20px;}
 #tips span{float: left; width: 40px; height: 20px; color: #fff; overflow:hidden; margin-right: 10px; background: #D7D9DD; line-height:20px; text-align: center; }
 #tips .s1{background: #F45A68;}/*紅色*/
 #tips .s2{background: #fc0;}/*橙色*/
 #tips .s3{background: #cc0;}/*黃色*/
 #tips .s4{background: #14B12F;}/*綠色*/
 
 
 
 
 
 弱
 中
 強
 很強

var password = document.getElementById("password"); //獲取文本框的對象 //var value = password.value; //獲取用戶在文本框里面填寫的值 //獲取所有的span標簽返回值是一個數(shù)組 var spanDoms = document.getElementsByTagName("span"); password.onkeyup = function(){ //獲取用戶輸入的密碼,然后判斷其強度返回0 或者 1 2 3 4 var index = checkPassWord(this.value); for(var i = 0; i

說明：這里實現(xiàn)的功能主要是，輸入密碼的時候，一邊輸一邊檢測，有四個安全級別，當輸入的密碼符合某個級別的規(guī)則時，該級別的標志條就會高亮變色。

下面是測試的情況，（這里為了能看到效果，所以把type=“password”故意改成type=“text”），至于檢測中級別的規(guī)則，讀者可以自己根據(jù)需要自行修改，主要是js正則表達式的修改。另外，當把最后一個圖片的輸入內(nèi)容，逐步地刪除，直到只剩第一個圖片的輸入內(nèi)容，這一過程中，效果就是下面的從下到上變化了

使用JavaScript怎么檢測四級密碼強度

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。

新聞標題：使用JavaScript怎么檢測四級密碼強度
轉(zhuǎn)載源于：http://weahome.cn/article/gdhich.html

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

使用JavaScript怎么檢測四級密碼強度

其他資訊

網(wǎng)站制作

企業(yè)服務(wù)

網(wǎng)站建設(shè)

服務(wù)器托管