jquery判斷密碼強(qiáng)度的驗(yàn)證代碼
本文實(shí)例講述了jquery判斷密碼強(qiáng)度的驗(yàn)證代碼,分享給大家供大家參考。具體如下:
預(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; });
頁(yè)面:
<input type="password" name="pass" id="pass" /> <span id="passstrength"></span>
以上就是jquery判斷密碼強(qiáng)度的驗(yàn)證代碼,大家可以應(yīng)用到自己的項(xiàng)目中,希望大家喜歡。
- 基于JQuery的密碼強(qiáng)度驗(yàn)證代碼
- jQuery判斷密碼強(qiáng)度實(shí)現(xiàn)思路及代碼
- passwordStrength 基于jquery的密碼強(qiáng)度檢測(cè)代碼使用介紹
- jquery密碼強(qiáng)度校驗(yàn)
- jQuery實(shí)現(xiàn)提示密碼強(qiáng)度的代碼
- jQuery密碼強(qiáng)度檢測(cè)插件passwordStrength用法實(shí)例分析
- jQuery插件passwordStrength密碼強(qiáng)度指標(biāo)詳解
- jQuery密碼強(qiáng)度驗(yàn)證控件使用詳解
- jQuery實(shí)用密碼強(qiáng)度檢測(cè)
- jQuery實(shí)現(xiàn)注冊(cè)會(huì)員時(shí)密碼強(qiáng)度提示信息功能示例
相關(guān)文章
jQuery實(shí)現(xiàn)多張圖片上傳預(yù)覽(不經(jīng)過后端處理)
本篇文章主要介紹了jQuery實(shí)現(xiàn)多張圖片上傳預(yù)覽(不經(jīng)過后端處理)的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-04-04JQuery實(shí)現(xiàn)動(dòng)態(tài)操作表格
本文主要分享了jQuery實(shí)現(xiàn)對(duì)一個(gè)表格動(dòng)態(tài)的添加行,刪除行,并且對(duì)表格中內(nèi)容進(jìn)行非空驗(yàn)證的示例代碼。具有很好的參考價(jià)值,下面跟著小編一起來看下吧2017-01-01jQuery UI Datepicker length為空或不是對(duì)象錯(cuò)誤的解決方法
jQuery UI Datepicker length為空或不是對(duì)象錯(cuò)誤的解決方法,需要的朋友可以參考下。2010-12-12jquery跟隨屏幕滾動(dòng)效果的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄猨query跟隨屏幕滾動(dòng)效果的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-04-04基于jQuery實(shí)現(xiàn)選取月份插件附源碼下載
這是一個(gè)基于jQuery的可以選擇年份和月份的月份拾取插件,你可以設(shè)置點(diǎn)擊頁(yè)面上的任意元素觸發(fā)彈出年月選擇面板,可以是一個(gè)鏈接也可以是一個(gè)輸入框,廣泛應(yīng)用于月份查詢,而無需設(shè)置select表單。2015-12-12