手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery判断密码强度的验证代码
jquery判断密码强度的验证代码
摘要:本文实例讲述了jquery判断密码强度的验证代码,分享给大家供大家参考。具体如下:预想的效果截图如下:JS代码:$('#pass').key...

本文实例讲述了jquery判断密码强度的验证代码,分享给大家供大家参考。具体如下:

预想的效果截图如下:

jquery判断密码强度的验证代码1

JS代码:

$('#pass').keyup(function(e) { var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])("); var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(", "g"); var enoughRegex = new RegExp("("); 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判断密码强度的验证代码,大家可以应用到自己的项目中,希望大家喜欢。

【jquery判断密码强度的验证代码】相关文章:

jquery合并表格中相同文本的相邻单元格

jquery实现动态改变div宽度和高度

jQuery判断一个元素是否可见的方法

js实现异步循环实现代码

jQuery判断指定id的对象是否存在的方法

javasript实现密码的隐藏与显示

jQuery实现div随意拖动的实例代码(通用代码)

强制设为首页代码

实现DIV圆角的JavaScript代码

jQuery获取页面元素绝对与相对位置的方法

精品推荐
分类导航