jquery判斷密碼強度的驗證代碼
更新時間：2020年04月22日 14:54:56 作者：天涯想
本文主要介紹了jquery判斷密碼強度的驗證代碼，這是一個非常常見的功能，在輸入密碼的時候提示密碼的強度，本文使用jQuery來實現(xiàn)，有需要的小伙伴可以參考下。
本文實例講述了jquery判斷密碼強度的驗證代碼，分享給大家供大家參考。具體如下：
預(yù)想的效果截圖如下：
JS代碼：
$('#pass').keyup(function(e) {
var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
var enoughRegex = new RegExp("(?=.{6,}).*", "g");
if (false == enoughRegex.test($(this).val())) {
$('#passstrength').html('More Characters');
} else if (strongRegex.test($(this).val())) {
$('#passstrength').className = 'ok';
$('#passstrength').html('Strong!');
} else if (mediumRegex.test($(this).val())) {
$('#passstrength').className = 'alert';
$('#passstrength').html('Medium!');
} else {
$('#passstrength').className = 'error';
$('#passstrength').html('Weak!');
}
return true;
});
頁面：
<input type="password" name="pass" id="pass" /> <span id="passstrength"></span>
以上就是jquery判斷密碼強度的驗證代碼，大家可以應(yīng)用到自己的項目中，希望大家喜歡。
相關(guān)文章
jQuery實現(xiàn)多張圖片上傳預(yù)覽（不經(jīng)過后端處理）
本篇文章主要介紹了jQuery實現(xiàn)多張圖片上傳預(yù)覽（不經(jīng)過后端處理）的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
本文主要分享了jQuery實現(xiàn)對一個表格動態(tài)的添加行，刪除行，并且對表格中內(nèi)容進行非空驗證的示例代碼。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
jQuery UI Datepicker length為空或不是對象錯誤的解決方法
jQuery UI Datepicker length為空或不是對象錯誤的解決方法,需要的朋友可以參考下。2010-12-12
本文分享了網(wǎng)頁中經(jīng)常出現(xiàn)的返回頂部效果，相比原生Javascript,jquery實現(xiàn)起來能夠省略不少代碼。希望對大家有所幫助2016-12-12
下面小編就為大家?guī)硪黄猨query跟隨屏幕滾動效果的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-04-04
這是一個基于jQuery的可以選擇年份和月份的月份拾取插件，你可以設(shè)置點擊頁面上的任意元素觸發(fā)彈出年月選擇面板，可以是一個鏈接也可以是一個輸入框，廣泛應(yīng)用于月份查詢，而無需設(shè)置select表單。2015-12-12
基于jquery的tab切換 使用的是js的原理。綁定鼠標經(jīng)過事件實現(xiàn)的。2010-04-04
這篇文章主要介紹了jQuery中DOM操作原則,結(jié)合實例形式分析了jQuery針對dom元素操作的四種常見原則,需要的朋友可以參考下2019-08-08
本文給大家分享的是使用jQuery制作的組件，實現(xiàn)獲取data-自定義屬性，并附上使用方法，非常的實用，有需要的小伙伴可以參考下2015-11-11
jQuery each()小議，對于具體的使用方法， 可以參考腳本之家的下一篇文章。2010-03-03