• <nav id="wkkge"><strong id="wkkge"></strong></nav>
  • <menu id="wkkge"></menu>
  • jQuery教程
    jQuery選擇器
    jQuery動畫效果
    jQuery節點操作
    jQuery事件
    jQuery HTML
    jQuery遍歷
    jQuery其他
    jQuery Ajax
    jQuery參考手冊
    jQuery實例
    jQuery插件

    jQuery密碼驗證插件

     

     

    jQuery Password Validation(密碼驗證)插件擴展了 jQuery Validate 插件,提供了兩種組件:

     

    一種評價密碼的相關因素的功能:比如大小寫字母的混合情況、字符(數字、特殊字符)的混合情況、長度、與用戶名的相似度(可選的)。

     

    一種使用評價功能顯示密碼強度的驗證插件自定義方法。顯示的文本可以被本地化。

     

    您可以簡單地自定義強度顯示的外觀、本地化消息顯示,并集成到已有的表單中。

     

    該插件目前版本是 1.0.0。

     

     

    使用方式

     

    如需使用 Password Validation(密碼驗證)插件,請添加一個 class "password" 到 input,同時添加顯示強度的基本標記在表單的需要顯示的地方:

     

    <form id="register">
        <label for="password">Password:</label>
        <input class="password" name="password" id="password" />
        <div class="password-meter">
            <div class="password-meter-message"> </div>
            <div class="password-meter-bg">
                <div class="password-meter-bar"></div>
            </div>
        </div>
    </form>
     

     

    對表單應用 Validate 插件:

     

    $(document).ready(function() {
      $("#register").validate();
    });

     

    您可以重載 $.validator.passwordRating 實現不同的評價方法。或者重載 $.validator.passwordRating.messages 來提供其他消息,比如本地化。

     

     

    實例演示

     

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Makes "field" required to be the same as #other</title>
    <link rel="stylesheet" >
     
    </head>
    <body>
    <form id="myform">
    <label for="password">Password</label>
    <input id="password" name="password" />
    <br/>
    <label for="password_again">Again</label>
    <input class="left" id="password_again" name="password_again" />
    <br>
    <input type="submit" value="Validate!">
    </form>
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
    <script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
    <script>
    // just for the demos, avoids form submit
    jQuery.validator.setDefaults({
      debug: true,
      success: "valid"
    });
    $( "#myform" ).validate({
      rules: {
        password: "required",
        password_again: {
          equalTo: "#password"
        }
      }
    });
    </script>
    </body>
    </html>

     

    全部教程
  • <nav id="wkkge"><strong id="wkkge"></strong></nav>
  • <menu id="wkkge"></menu>
  • 面对面棋牌游戏