JQuery 实现对 密码强度的判断
来源:互联网 发布:国家电网网络大学网址 编辑:程序博客网 时间:2024/04/30 02:06
<head>
<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>
- JQuery 实现对 密码强度的判断
- jQuery判断密码强度
- jQuery判断密码强度
- jQuery判断密码强度
- jquery实现密码强度验证
- jQuery实现密码强度检测
- 使用JavaScript实现判断密码强度
- js 判断用户输入的密码强度
- 判断密码强度的简单方式
- JS判断密码强度的代码
- 最简单的js 判断密码强度
- 最简单的js 判断密码强度
- Android判断输入密码的强度
- 最简单的js判断密码强度
- 几个jquery验证密码强度的插件
- jquery验证密码强度的插件
- Jquery密码强度检测的插件entropizer
- 代码笔记 | jquery 测试密码的强度
- 更改Linux nbuntu-12.04最小最大化、关闭按钮的显示位置为左边
- 带外数据
- MUT
- table 加边框
- PKIX path building failed(Https安全认证)
- JQuery 实现对 密码强度的判断
- apache+php自助修改svn密码
- 笔记
- 保姆程序员
- 基本排序算法(冒泡排序,选择排序,插入排序)
- handler的具体用法
- 学习笔记_spring任务调度
- ABAddressBook简易操作
- 递归与非递归