宝哥软件园

jQuery判断密码强度实现思路及代码

编辑:宝哥软件园 来源:互联网 时间:2021-11-21

复制代码代码如下: head title/title script src=' http : jquery-1。9 .1 .js ' type=' text/JavaScript '/脚本样式type=' text/CSS ' .强{背景: URL(/images/pas4 .jpg)不重复;宽度宽度:150像素高度:40 pxfloat:left}。钟{背景: URL(/images/pas3 .jpg)不重复;宽度宽度:150像素高度:40 pxfloat:left}。ruo {背景: URL(/images/pas2).jpg)不重复;宽度宽度:150像素高度:40 pxfloat:left}。ruox {背景: URL(/images/pas1 .jpg)不重复;宽度宽度:150像素高度:40 pxfloat:left}。div 1css { float : left宽度width:200px}/style脚本类型=' text/JavaScript ' $(function(){ $(' # pass ').keyup(function(){ var strong regex=new regexp('^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\W).*$ '、' g ');新RegExp('^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$ '、' g ');var enoughRegex=new RegExp('(?=.{6,}).*、' g ');if(false==enoughregex。测试($(本)).val())) { $('#div2 ').addCLaSS(' ruox ');//$('#passstrength ').html(")小于六位的时候');//密码小于六位的时候,密码强度图片都为灰色} else if(强正则表达式。测试($(本)).val())) { $('#div2 ').移除CLaSS(" zhong ");$('#div2 ').addCLaSS(' Qiang ');//$('#passstrength ').html(")强!');//密码为八位及以上并且字母数字特殊字符三项都包括} else if(mediumregex。测试($(本)).val())) { $('#div2 ').移除CLaSS(' ruo ');$('#div2 ').addCLaSS(' zhong ');//$('#passstrength ').html(")中!');//密码为七位及以上并且字母、数字、特殊字符三项中有两项,强度是中等} else { $('#div2 ').移除CLaSS(' ruox ');$('#div2 ').addCLaSS(' ruo ');//$('#passstrength ').html(")弱!');//如果密码为6为及以下,就算字母、数字、特殊字符三项都包括,强度也是弱的}返回true });})/脚本/头体div id=' div1 ' class=' div1css '输入类型=' pass ' name=' pass ' id=' pass '/div div id=' div 2 ' span id=' pass strength '/span/div/body

更多资讯
游戏推荐
更多+