jQuery Validate插件上的重新定位错误消息

Question

当不检查任何内容时，如何重新对齐jQuery验证插件（http://bassistance.de/jquery-plugins/jquery-plugin-validation/）产生的错误消息。 理想情况下，我希望将其放置在复选框的下方，而不是紧挨着所有这些。 这是代码：

<script> $(document).ready(function() {
    $("#form1").validate();
    $("#form2").validate({
        rules: {
            "option[]": {
                required: true,
                minlength: 1
            }
        }
    });
}); 
</script>
                  <form action="#" name="form2" id="form2">
<input type="checkbox" name="option[]" value="DataProject"/>
DataProject
</label>
<br />
<label>
  <input type="checkbox" name="option[]" value="DC control" />
  DC control</label>
<label><br />
  <input type="checkbox" name="option[]" value="Computher" />
  Computer</label>
<br />
<label>
  <input type="checkbox" name="option[]" value="OHP" />
  OHP</label>
<p> * Please check at least one

Answer 1

您可以尝试使用<div>作为errorElement ：

$("#form2").validate({
    errorElement: 'div',
    rules: {
        "option[]": {
            required: true,
            minlength: 1
        }
    }
});​

Answer 2

您也可以尝试设置默认值，例如：

jQuery.validator.setDefaults({
    errorPlacement: function(error, element) {
        if(element.attr('name') == 'm2'){
            error.insertAfter('small#m2_desc');
            error.css('display', 'none');
            error.css('color', 'red');
            error.fadeIn();
        }
    }
});

对于像这样的html：

<div class="rowElem">
                            <label for"m2">M2 a limpar</label>
                            <input type="text" name="m2" value="'.$m2.'"/><br/>
                            <small id="m2_desc">mín: 100; máx: 10000</small>
                        </div>

这是我的一个项目的工作示例。