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として：用

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(); 
     } 
    } 
}); 

：あなたはまた、のようなデフォルト値を設定してみること

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

Answer 2

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> 

これは私のプロジェクトの実例です。