相关文章:

jQuery Validator equalsTo 相等输入校验器

代码类型:

杂项:

  • 启用CSS/JS语法检查
  • 监测脚本运行错误
  • 禁止库文件重复

文档类型:

JS库文件:

手动添加:

    ​x
     
    1
    <!DOCTYPE html>
    2
    <html>
    3
        <head>
    4
            <meta charset="utf-8" />
    5
            <title>jQuery Validator 演示页面</title>
    6
        </head>
    7
    <body>
    8
        <form action="https://codeplayer.vip/">
    9
            <div>
    10
                <label>密码</label>：
    11
                <input id="password" name="password" type="password" >
    12
            </div>
    13
            <div>
    14
                <label>确认密码</label>：
    15
                <input id="repassword" name="repassword" type="password" >
    16
            </div>
    17
    ​
    18
            <input type="submit" value="提交" />
    19
        </form>
    20
    <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    21
    <script src="https://codeplayer.vip/app/static/js/layer/layer.js"></script>
    22
    <script src="https://codeplayer.vip/app/static/js/jquery-validator-1.3.js"></script>
    23
    <script type="text/javascript">
    24
        // 为了让提示更美观，扩展jQuery原型对象，添加layer的tips方法
    25
        $.fn.tips = function(msg, delay){
    26
            layer.tips(msg, this, delay || 3000);
    27
        };
    28
    ​
    29
        var v = new V();
    30
    ​
    31
        $("form").v("submit", {
    32
            "#password": "password", // 框架已内置名为"password"的校验规则
    33
            "#repassword": {
    34
                equalsTo: "#password" // 与"#password"的输入保持一致
    35
            }
    36
        });
    37
    </script>
    38
    </body>
    39
    </html>