jquery判断密码强度的验证代码
2015-11-17 00:00
1226 查看
本文实例讲述了jquery判断密码强度的验证代码,分享给大家供大家参考。具体如下:
预想的效果截图如下:
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判断密码强度的验证代码,大家可以应用到自己的项目中,希望大家喜欢。
相关文章推荐
- Jquery ajax 同步阻塞引起的UI线程阻塞问题
- 谈谈对jquery ui tabs 的理解
- 基于jquery实现可定制的web在线富文本编辑器附源码下载
- 将JavaScript的jQuery库中表单转化为JSON对象的方法
- 基于Jquery easyui 选中特定的tab
- 实例代码讲解jquery easyui动态tab页
- 基于Jquery代码实现支持PC端手机端幻灯片代码
- jquery可定制的在线UEditor编辑器
- Jquery 垂直多级手风琴菜单附源码下载
- jquery获得option的值和对option进行操作
- 四、jQuery中的动画
- 失眠害死人-jQuery&AJAX
- 2015.11.16JQuery 隐藏,显示按钮.
- jQuery
- Jquery插件-Html5图片上传并裁剪
- jQuery
- 有关于jQuery load方法在IE Chrome无法加载问题
- JqueryMobile初体验
- 程序员都会的 35 个 jQuery 小技巧
- SeaJS,require加载Jquery总是为null