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