基于jQuery的密码强度验证 - Open Source Accordions | Menu | Form

Thursday, 08 January 2009

Home

jQuery

Accordions | Menu | Form

基于jQuery的密码强度验证

(25 votes, average: 3.92 out of 5)

Written by LXR

Monday, 17 September 2007 08:52

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

预览

http://www.hotajax.org/download/jquery/password/jQuery%20Password.htm

Password Strength Meter

使用方法简介：

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>  
 <SCRIPT src="/
 http://www.hotajax.org/download/jquery/password/jquery.tabs.pack.js" 
  type=text/javascript></SCRIPT>
 <SCRIPT src="/
 http://www.hotajax.org/download/jquery/password/jquery.pstrength.1.2.js" 
  type=text/javascript></SCRIPT>
 <SCRIPT type=text/javascript>
 $(function() {
  // initialize the tabs
  var main = $('#main').tabs(1);
  $('#samples').tabs( 
 { selectedClass: 'sample-tab-selected', bookmarkable: false });
  $('.password').pstrength();
 });
 </SCRIPT>

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

<FORM>
  <FIELDSET><LEGEND>Password Strength Meter</LEGEND><INPUT class=password 
  type=password> </FIELDSET> </FORM></DIV>
  <DIV class=tabContent id=options>