开发学院网页设计JavaScript JQuery实现密码强度验证 阅读

JQuery实现密码强度验证

 2010-03-05 00:00:00 来源:WEB开发网   
核心提示: head部分代码<title>无标题页</title><scripttype="text/javascript"src="js/jquery-1.4.2.min.js"></script><!--cus

head部分代码

 <title>无标题页</title>
  <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <!-- custom select plugin js -->
    <script type="text/javascript" src="js/password_strength_plugin.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script>
      $(document).ready( function() {
        //BASIC
        $(".password_test").passStrength({
          userid:  "#user_id"
          });
        //ADVANCED
        $(".password_adv").passStrength({
          shortPass:     "top_shortPass",
          badPass:    "top_badPass",
          goodPass:    "top_goodPass",
          strongPass:    "top_strongPass",
          baseStyle:    "top_testresult",
          userid:      "#user_id_adv",
          messageloc:    0
        });
      });
    </script>

body部分代码

<body>
    <table cellpadding="2" cellspacing="0" border="0">
      <tr>
        <td align="right"><label>User Name:</label></td>
        <td><input type="text" name="user_name" id="user_id_adv"/></td>
      </tr>
      <tr>
        <td align="right"><label>Password:</label></td>
        <td><input type="password" name="pass_word" class="password_adv"/></td>
      </tr>
    </table>
</body>

本文示例源代码或素材下载

上一页  1 2 3 

Tags:JQuery 实现 密码

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接