jquery判断密码强度的验证代码
更新时间：2020年04月22日 14:54:56 作者：天涯想
本文主要介绍了jquery判断密码强度的验证代码，这是一个非常常见的功能，在输入密码的时候提示密码的强度，本文使用jQuery来实现，有需要的小伙伴可以参考下。
本文实例讲述了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插件支持同一页面被多次调用的相关资料,需要的朋友可以参考下2016-02-02
Jquery中dialog属性小记，使用jquery dialog的朋友可以参考下。2010-09-09
这篇文章主要介绍了jQuery实现的仿百度,仿谷歌搜索下拉框效果,结合实例形式分析了基于jQuery的鼠标事件响应与页面元素动态操作相关技巧,需要的朋友可以参考下2016-12-12
这篇文章主要介绍了jQuery自定义添加"$"与解决"$"冲突的方法,介绍了用户自定义添加“$”扩展jQuery功能的方法,以及解决"$"冲突的技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jQuery超简单选项卡实现方法,以一个完整实例形式较为详细的分析了jQuery实现选项卡切换功能的相关技巧,非常简单实用,需要的朋友可以参考下2015-09-09
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
下面小编就为大家带来一篇对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-04-04
本文主要介绍了jquery利用json实现页面之间传值的方法，具有很好的参考价值，需要的朋友可以看下2016-12-12
本文主要介绍jQuery中使用正则表达式限制文本框只能输入数字的功能，希望能帮到大家，有需要的朋友可以参考一下。2016-06-06
这篇文章主要介绍了用模版生成HTML的的框架jquery.tmpl使用详解,需要的朋友可以参考下2015-01-01
在javascript中我们常常要改变dom的css样式 ，同样Jquery也对改变css做了封装不用我们去用 getElementByid().style.……来操作了2010-04-04
最新评论