// 应客户的需求的,对密码进行强度的判断。首先,该密码的强度的判断不是网上常常出现的那种一边输入一边判断强度,而是密码从数据库里读出后影藏在前端页面里;其次,其实我也是在网上抄袭了一段,稍微修改了一下。
$(document).ready(function() {
checkStrong(); // 页面自动加载完成后调用该函数;下面有对该函数的具体定义.
});
// js 检测密码的安全度********start*********
//CharMode函数(辅助函数,供后面调用) ;测试某个字符是属于哪一类
function CharMode(iN)
{
if(iN>=48 && iN <=57) //数字
return 1;
if(iN>=65 && iN <=90) //大写字母
return 2;
if(iN>=97 && iN <=122) //小写
return 4;
else
return 8; //特殊字符
}
//bitTotal函数(辅助函数,供后面调用) 计算出当前密码当中一共有多少种模式
function bitTotal(num)
{
modes=0;
for(i=0; i<4; i++)
{
if(num & 1) modes++;
num>>>=1;
}
return modes;
}
//checkStrong函数 返回密码的强度级别
function checkStrong()
{
var sPW = $("#sPW_PASSWD").val(); // html页面里影藏从数据库读取的密码;
if (sPW.length<=4)
return 0; //密码太短
Modes=0;
for (i=0; i<sPW.length; i++)
{
//测试每一个字符的类别并统计一共有多少种模式.
Modes|=CharMode(sPW.charCodeAt(i)); // 调用上面的CharMode函数
}
var pwd_strong = bitTotal(Modes); // 调用上面的CharMode函数 输出是2
if(pwd_strong == '1')
{
$("#pwd_color").removeClass().addClass("red_bar fl"); // 添加样式 用于提醒
$("#pwd_str").html("弱");
}
else if(pwd_strong == '2')
{
$("#pwd_color").removeClass().addClass("blue_bar fl");
$("#pwd_str").html("中");
}
else
{
$("#pwd_color").removeClass().addClass("green_bar fl");
$("#pwd_str").html("强");
}
return bitTotal(Modes);
}
// js 检测密码的安全度********end***********
html 代码
<input type="hidden" name="sPW_PASSWD" id="sPW_PASSWD" value="<{$res.PASSWD}>" />
<p class="fl">当前密码安全度:</p >
<p id="pwd_color" class="blue_bar fl"> </p><span id="pwd_str"></span>javascript密码锁 js密码强度
转载文章标签 javascript密码锁 javascript 数据库 前端 ViewUI 文章分类 JavaScript 前端开发
-
图案密码锁
图案密码控件
c++ qt 开发语言 ide #include -
Android 手势密码锁
现在有很多银行类APP、涉及到支付类的APP都集成了指纹、手势等二次
GitHub Android Android Studio android 手势密码 -
iOS 手势密码锁
关注 【网罗开发】微信公众号,回复【90】便可领取。
iOS 持续更新 微信公众号 #import -
unity密码锁
COMWAY无线串口软件的安装及应用安装运行ComWayWlSerial.exe自解压文件,用户选择安装目录自动安装comway无线串口软件。软件能够自动更新升级,因此安装目录需有权限更新文件(例如:win7系统对于c:program files目录有安全限制,需安装在其他目录中),避免安全软件对于comway无线串口通信的阻止。 在WIN7、WIN8、WIN10和win8.1以及WINSERVE
unity密码锁 unity串口 连接多个串口崩溃 组态王通过串口服务器通讯smart200 串口 虚拟串口 -
js密码强度
js密码强度安全程度 弱 中 强
javascript 特殊字符 html i++ 密码安全 -
线性代数和数据挖掘(三):Matplotlib库和数据可视化
Matplotlib库和数据可视化
#线性代数 #数据挖掘 #matplotlib 子图 数据 -
JavaScript正则表达式——1.正则表达式入门:创建、方法与标志详解
本文主要介绍了正则表达式的创建,RegExp对象提供的方法和String对象提供的方法。还对基础的标志进行了讲解和举例。
#javascript #正则表达式 #开发语言 bc 字符串
















