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/

我希望这有帮助！

显示来自jQuery的错误在不同的容器中验证

1 个答案: