jquery - 在不同容器中显示 jQuery Validate 的错误

Question

我有一些表单正在使用 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 用于显示隐藏输入的验证错误并使用相应的标签显示非隐藏输入错误(就像现在一样)。

Answer 1

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

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

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

希望这会有所帮助!