Hot!Ajax

基于jQuery的密码强度验证

Monday, 17 September 2007

顾名思义jQuery验证密码强度插件（jQuery Password Strength Plugin）能够显示你的密码强度。当用户在密码区输入密码时，它会根据密码的组成类型给出密码强度值。

预览

使用方法简介：

1.在head区加入以下代码：

<LINK 

 media=screen href="

http://www.hotajax.org/download/jquery/password/jq.css" 

 type=text/css rel=stylesheet>

 <SCRIPT src="

http://www.hotajax.org/download/jquery/password/jquery.js" 

 type=text/javascript></SCRIPT>
<p> </p>
<p><SCRIPT src="

http://www.hotajax.org/download/jquery/password/jquery.tabs.pack.js" 

 type=text/javascript></SCRIPT></p>
<p><SCRIPT src="

http://www.hotajax.org/download/jquery/password/jquery.pstrength.1.2.js" 

 type=text/javascript></SCRIPT></p>
<p><SCRIPT type=text/javascript></p>
<p>$(function() {

 // initialize the tabs

 var main = $('#main').tabs(1);

 $('#samples').tabs( 

{ selectedClass: 'sample-tab-selected', bookmarkable: false });</p>
<p> $('.password').pstrength();</p>
<p>});</p>
<p></SCRIPT></p>

2.建立表单如本例所示：

<FORM>

 <FIELDSET><LEGEND>Password Strength Meter</LEGEND><INPUT class=password 

 type=password> </FIELDSET> </FORM></DIV>

 <DIV class=tabContent id=options>