jQuery判断密码强度

最新推荐文章于 2018-11-12 09:42:00 发布
最新推荐文章于 2018-11-12 09:42:00 发布
阅读量582 收藏
点赞数
分类专栏： JQuery 文章标签： 密码
 <title></title>
    <script src="jquery-1.9.1.js" type="text/javascript"></script>
    <style type="text/css">
    .qiang{background:url(/images/pas4.JPG) no-repeat;width:150px;height:40px;float:left;}
    .zhong{background:url(/images/pas3.JPG) no-repeat;width:150px;height:40px;float:left;}
    .ruo{background:url(/images/pas2.JPG) no-repeat;width:150px;height:40px;float:left;}
    .ruox{background:url(/images/pas1.JPG) no-repeat;width:150px;height:40px;float:left;}
    .div1css{float:left;width:200px;}
    </style>
    <script type="text/javascript">
        $(function () {
            $('#pass').keyup(function () {
                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())) {
                    $('#div2').addClass('ruox');
                    //$('#passstrength').html('小于六位的时候'); //密码小于六位的时候，密码强度图片都为灰色
                }
                 else if (strongRegex.test($(this).val())) {
                     $('#div2').removeClass('zhong');
                    $('#div2').addClass('qiang');                    
                    //$('#passstrength').html('强!');  //密码为八位及以上并且字母数字特殊字符三项都包括
                } 
                else if (mediumRegex.test($(this).val())) {
                    $('#div2').removeClass('ruo');
                    $('#div2').addClass('zhong');
                    //$('#passstrength').html('中!');  //密码为七位及以上并且字母、数字、特殊字符三项中有两项，强度是中等
                }
                 else {
                     $('#div2').removeClass('ruox');   
                    $('#div2').addClass('ruo');
                    //$('#passstrength').html('弱!');   //如果密码为6为及以下，就算字母、数字、特殊字符三项都包括，强度也是弱的
                }
                return true;
            });
        })
    </script>
</head>
<body>
<div id="div1" class="div1css">
<input type="password" name="pass" id="pass" /></div>
<div id="div2"><span id="passstrength"></span></div>
</body>
</html>
夜空下的小猫咪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery密码强度检测_密码强度验证_密码强度正则表达式代码_动画效果
05-23
jquery密码强度检测_密码强度验证_密码强度正则表达式代码_动画效果（动画效果不用jquery）
jquery判断密码强度的验证代码
10-23
本文将详细介绍如何使用jQuery来判断密码强度，并提供具体的实现代码示例。通过本文，读者将学习到如何通过正则表达式来定义不同强度的密码规则，并根据用户输入触发keyup事件来实时验证密码强度。实现密码强度检测...
jQuery密码强度验证
deepsea131
11-25 177
本来是英文版的，我改了一点，提示什么的都是中文的了， 从这里下载 http://www.51jquery.com/js/jquery.pstrength.js 强度验证插件！然后在网页中引用jquery文件和这个插件 XML/HTML代码 &lt;script src="/js/jquery.js" type="text/javascript"&gt;&lt;/script&gt;     ...
jQuery实现密码强度检测
weixin_30885111的博客
07-26 179
jQuery普遍运用于JAVA_WEB前端，可以说jQuery的运用无处不在，学好jQuery，对于一个程序员来说是必由之路。下面简单介绍一下jQuery实现密码强度检测。 如图所示： 核心代码： 第一步：css样式： /** 清除内外边距 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structu...
jQuery判断密码强度实现思路及代码
10-27
综上所述，文章介绍了一个使用jQuery实现的密码强度检测工具的实现思路和代码，通过事件监听、正则表达式匹配和动态样式切换来实现对密码强度的实时反馈。这种客户端验证手段不仅提高了用户体验，还增强了网站的安全...
jQuery输入密码强度验证代码
06-10
在这个场景中，我们利用`jQuery`来实现一个密码强度验证功能，帮助用户创建更安全的密码。 标题中的“jQuery输入密码强度验证代码”指的是利用`jQuery`来编写一段脚本，实时监测用户在密码输入框中输入的内容，并...
jQuery密码强度校验
weixin_30412577的博客
01-03 134
HTML： <form class="form-horizontal" role="form" id="myform"> <div class="form-group form-group-sm"> <label class="col-md-2 control-label">旧...
Jquery密码强度验证控件
csmzl的博客
12-27 1304
Jquery密码强度验证控件<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="jquery-1.12.1.js"></script> <style type
jquery 密码强度值检测 评估密码是否安全
05-12
内容索引:脚本资源,jQuery,密码强度检测　　jquery 密码强度值检测 评估密码是否安全，在文本框内输入密码后，会适时显示时间，用时间的长短来告之用户这个密码是否容易被感触，时间越长，说明越不容易被破解。密码强度检测有多种方法，jQuery有专门的插件来判断密码强度，本例是其中之一。 　　源码爱好者注：作者在代码中嵌入有广告，并且引入了远程的资源文件，运行页面需要等待一段时间。
jQuery密码强度检测代码
11-08
关于在开发需要实现 根据用户输入的密码来显示强度 类似你注册qq时输入密码是密码框下面的一个强度检测 //密码小于六位的时候，密码强度图片都为灰色 //密码为八位及以上并且字母数字特殊字符三项都包括,强度最强 //密码为七位及以上并且字母、数字、特殊字符三项中有两项，强度是中等 //如果密码为6为及以下，就算字母、数字、特殊字符三项都包括，强度也是弱的
jquery密码强度效果
09-21
jquery密码强度效果，正则验证密码强度
jquery验证密码强度
04-19
NULL 博文链接：https://rd-030.iteye.com/blog/1881743
jquery密码强度智能判断特效
07-11
jQuery的应用,主要为html5.0+css3.0+jQuery应用
Jquery密码强度校验
weixin_30405421的博客
11-12 173
function passValidate(){ var password=$password.val().trim() if(password===""){ $mima.addClass('has-error') $password.after('<lable class="help-block">密码不能为空</lable>') ...
jquery实现密码强度验证
daditao的专栏
05-28 1182
$('#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]))
jquery 密码强度检测
清叶 的专栏
09-25 400
这个只是代码部分 可以到 http://download.csdn.net/detail/zhu_nana/4596234 下载完整的项目       jquery密码强度检测    .pstrength-minchar {   font-size : 10px;  }  input {   width:180px;   height:22px;   line-h
jquery正则表达式检测密码强度
devil_heart的专栏
12-24 3230
转贴
使用JQuery轻松实现密码强度验证
本资源提供的就是一个使用JQuery库实现的简单密码强度验证插件，它能够快速集成到项目中，帮助用户判断所输入的密码是否符合安全标准。 首先，你需要在你的项目中引入JQuery库，可以从官方网站下载最新的版本，例如...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值