jquery密码强度,js判断密码强度

passwordStrength 基于jquery的密码强度检测代码使用介绍

查看示例:DEMO

成都创新互联专业为企业提供辽阳县网站建设、辽阳县做网站、辽阳县网站设计、辽阳县网站制作等企业网站建设、网页设计与制作、辽阳县企业网站模板建站服务,10多年辽阳县做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

打包下载

使用很简单。

复制代码

代码如下:

$('#pass').passwordStrength();

XHTML

复制代码

代码如下:

plabel请输入密码:/label

input

type="password"

id="pass"

class="input"

//p

div

id="passwordStrengthDiv"

class="is0"/div

plabel确认密码:/label

input

type="password"

id="repass"

class="input"

//p

注意:id#passwordStrengthDiv的DIV是用来加载强度图片的,你也可以自定义ID,但调用时就要给参数赋值:

复制代码

代码如下:

targetDiv

:

'#ID'

//自定义加载图片的ID

载入JS和CSS:

复制代码

代码如下:

link

rel="stylesheet"

type="text/css"

href="style/main.css"

/

script

type="text/javascript"

src="jquery.js"/script

script

type="text/javascript"

src="jquery.passwordStrength.js"/script

script

type="text/javascript"

$(function(){

$('#pass').passwordStrength();

});

/script

怎么样使用jquery密码强度检测插件passwordstrength

具体代码如下:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

titlejQuery密码强度插件passwordStrength实例演示/title

script type="text/javascript" src="jquery1.3.2.js"/script

script src="jquery.passwordStrength.js" type="text/javascript"/script

script type="text/javascript"

$(document).ready(function(){

var $pwd = $('input[name="password"]');

$pwd.passwordStrength();

$(".Generate_password").click(function(){

//产生随机八位密码

var pwd = $.passwordStrength.getRandomPassword(8);

//将随机密码写入密码框,并触发验证

$pwd.val(pwd).trigger("keyup");

return false;

})

});

/script

style type="text/css"

body{font-size:12px;}

.clearfix:after{

content:"."; display:block; height:0; clear:both;

visibility:hidden;

}

*html .clearfix{

height:1%;

}

*+html .clearfix{

height:1%;

}

.l{float:left;}

.form_item{margin-bottom:6px;}

.form_item label{width:100px;text-align:right;margin-right:4px;display:block;float:left;padding-top:2px;}

.form_item .text{height:14px;padding:2px;width:132px;border:1px solid #999;}

.form_item div a{margin-left:6px;}

#passwordStrengthDiv{margin-top:6px;}

.is0{background:url(images/progressImg1.png) no-repeat 0 0;width:138px;height:7px;}

.is10{background-position:0 -7px;}

.is20{background-position:0 -14px;}

.is30{background-position:0 -21px;}

.is40{background-position:0 -28px;}

.is50{background-position:0 -35px;}

.is60{background-position:0 -42px;}

.is70{background-position:0 -49px;}

.is80{background-position:0 -56px;}

.is90{background-position:0 -63px;}

.is100{background-position:0 -70px;}

/style

/head

body

script type="text/javascript"

if(document.getElementById('GoogleAD')!=null){

document.getElementById('GoogleAD').innerHTML = 'div class="SearchEngine_AD1"' + document.getElementById('GoogleADCode').innerHTML + '/div';

}

/script

div class="form_item clearfix"

label密  码:/label

div class="l"

divinput name="password" type="text" class="text" maxlength="16"/a href="" class="Generate_password"产生随机密码/a/div

div id="passwordStrengthDiv" class="is0"/div

/div

/div

/body

/html

在线演示地址如下:

请教密码强度正则表达式

密码强度指一个密码被非认证的用户或计算机破译的难度。 密码强度通常用“弱”或“强”来形 容。“弱”和“强”是相对的,不同的密码系统对于密码强度有不同的要求。密码的破译与系统允许客户尝试不同密码的次数、是否熟悉密码主人等因素相关。然而,即使再强的密码也有可能被偷取、破译或泄漏,在用户设置密码时,尽可能的将密码设置的越复杂、位数越长、经常更换此类型的密码,从而才能让密码强度尽可能达到最高。

条件1: 密码只能是数字或大小写字母或下划线的组合

条件2: 如果密码包含数字和字母的组合即为强.

例如 : 123abc 为强密码

123abc_也是强密码

     123456 为弱密码

     123456_为弱密码

     abcdef 为弱密码

     abcdef_ 为弱密码

首先,画一个DFA:

其中,S是开始状态,A代表包含数字但不包含字母的状态,B代表包含字母但不包含数字的状态,C代表既包含字母又包含数字的状态,O代表包含非法字符的陷阱状态。如果状态机停在S、A、B状态,则为弱密码。如果状态机停在C状态,则为强密码。如果状态机停在O状态,则为非法密码。然后,把它转化成正则就可以啦。

下面这个正则要求密码长度最少12位,包含至少1个特殊字符,2个数字,2个大写字母和一些小写字母。

(?=^.{12,25}$)(?=(?:.*?\d){2})(?=.*[a-z])(?=(?:.*?[A-Z]){2})(?=(?:.*?[!@#$%*()_+^}{:;?.]){1})(?!.*\s)[0-9a-zA-Z!@#$%*()_+^]*$

分解:

span style="font-size: 16px;"(?=^.{12,25}$) -- 密码长度12-25,自己改变数字可以调节

(?=(?:.*?[!@#$%*()_+^}{:;?.]){1}) -- 至少一个特殊字母,FYI/span

(?=(?:.*?\d){2}) -- 至少2个数字,FYI

(?=.*[a-z]) -- a-z的小写字母

(?=(?:.*?[A-Z]){2}) -- 至少2个大写字母,FYI

jquery或者js表单验证

在表单form的属性中添加onsubmit="return false",然后在表单提交的时候调用js,在js中做判断,如果不满足要求就return false,表单将不会提交。。。。

jquery如何判断密码强度

密码字符串的组成形式。比如,纯数字的强度就小于纯字母的强度,纯字母的就小于数字与字母组合的强度(这种是自己通过写简单的代码来判断,当然,也可以下载相应的插件,百度搜一下应该有很多的)。


本文名称:jquery密码强度,js判断密码强度
网站URL:http://ybzwz.com/article/dsdcgee.html