zoukankan      html  css  js  c++  java
  • jQuery Validation Plugin

    使用方式很简单,简单测试代码如下:

    <html>
    <head>
        <script type="text/javascript" src="./jquery-1.7.2.js"></script>
        <script type="text/javascript" src="./jquery.validate.1.11.js"></script>
    </head>
    <body>
    <form id="myform">
        <fieldset>
    
            <input type="text" required="required" name="description" id="description">
            <button type="submit">Check</button>
        </fieldset>
    </form>
    <script>window.onload = function() {
    // just for the demos, avoids form submit
    jQuery.validator.setDefaults({
      debug: true,
      success: "valid"
    });
    $( "#myform" ).validate({
      rules: {
        description: {
          required: true,
          maxlength: 4
        }
      }
    });
    };</script>
    </body>
    </html>

    如果希望自定义提示信息的位置,使用errorPlacement参数,修改后,代码如下:

    <html>
    <head>
        <script type="text/javascript" src="./jquery-1.7.2.js"></script>
        <script type="text/javascript" src="./jquery.validate.1.11.js"></script>
    </head>
    <body>
    <form id="myform">
        <fieldset>
    
            <input type="text" required="required" name="description" id="description">
            <button type="submit">Check</button>
        </fieldset>
    </form>
    <script>window.onload = function() {
    // just for the demos, avoids form submit
    jQuery.validator.setDefaults({
      debug: true,
      success: "valid"
    });
    $( "#myform" ).validate({
      errorPlacement: function(error, element) {
            if (element.is(":radio"))
                error.appendTo(element.parent());
            else
                error.insertAfter(element);
        },
      rules: {
        description: {
          required: true,
          maxlength: 4
        }
      }
    });
    };</script>
    </body>
    </html>

     其中errorPlacement中如果添加了修改,则需要if/else完整语句,因jquery.validation.js源码中,如果判断到已设置errorPlacement则按照其配置方式来处理。

    所以,如果仅在errorPlacement中增加的if语句,而没有对其他条件(else)处理,则仅当满足if条件时显示提示信息,其他无法显示提示信息。

    showLabel: function(element, message) {
    //......
    701 if ( this.settings.errorPlacement ) {
    702    this.settings.errorPlacement(label, $(element) );
    703 } else {
    704    label.insertAfter(element);
    705 }
    //.....
    }

     

    Refs:

    [1] errorPlacement自定义后其他不显示

    [2] 官网文档

    http://www.iteye.com/problems/85374

  • 相关阅读:
    rals gb2312编码
    义乌给力电子商务有限公司招聘网络推广专员
    [PHP]APACHE模块化安装PHP以及MySQL 配置@Windows(PHP5)
    wordpress将远程数据下载一份到本地20110228操作过程记录
    百万邮件群发业务
    Ruby 读写文件
    万网备案专题
    新ubuntu配置过程记录
    wordpress将远程数据下载一份到本地20110228操作过程记录
    万网备案专题
  • 原文地址:https://www.cnblogs.com/xfiver/p/3498200.html
Copyright © 2011-2022 走看看