在不同的容器中显示来自 jQuery Validate 的错误答案

【问题标题】：display errors from jQuery Validate in different containers在不同的容器中显示来自 jQuery Validate 的错误
【发布时间】：2011-12-04 17:26:33
【问题描述】：

我有一些表单正在使用 jQuery Validate 插件进行验证。通过示例的下一个代码，工作正常：

<script type="text/javascript">
$(document).ready(function(){
    $("#transactionform").validate({
       rules: {
        'cliente[nombre]': {
           required: true,
           minlength: 5
        },
        'cliente[id]': {
           required: true
        }
      }
    });
});
</script>

在这种形式中，'cliente[nombre]' 是一个简单的文本输入，'cliente[id]' 是一个隐藏字段，必须由一些 javascript 函数填充。实际上，验证错误显示在相应字段旁边，其中包括隐藏字段。

我想要的是有一个特殊的 div 用于显示隐藏输入的验证错误并使用相应的标签显示非隐藏输入错误（就像现在一样）。

【问题讨论】：

标签： jquery jquery-validate

【解决方案1】：

我认为您可以利用 errorPlacement 函数并将其与一些自定义元素选择一起使用，例如

errorPlacement: function(error, element) {
    error.appendTo('#invalid-' + element.attr('id'));
}

然后您可以使用自定义 html 单独定位每个错误消息，例如： http://jsfiddle.net/FZUnu/

我希望这会有所帮助！

【讨论】：