jqueryを使用した複数のチェックボックスの妥当性チェック

Question

3つのチェックボックスがあり、サブミット時に検証中に妥当性検査メッセージが異常な方法で表示されています。私は正しく

私のhtmlコードが

<label class="control-label col-xs-4" for="color">Color:</label> 
<div class="col-sm-8"> 
    <label class="checkbox-inline"><input type="checkbox" name="color[]" value="CMYK">CMYK</label> 
    <label class="checkbox-inline"><input type="checkbox" name="color[]" value="RGB">RGB</label> 
    <label class="checkbox-inline"><input type="checkbox" name="color[]" value="Special Colors">Special Colors</label> 
</div> 

検証コードが

$("#adupload").validate({ 
    errorClass: "my-error-class", 
    rules: {'color[]': { 
     required: true 
    } 
    messages: {'color[]': "Please select a Color"} 

私の検証エラーのスクリーンショットが

Answer 1

errorPlacementを追加してください他のタイプの検証メッセージを取得していますprエラーの配置をカスタマイズすることができます。

messages: {'color[]': "<div>Please select a Color</div>"}, 
    errorPlacement : function(error, element) { 
      if (element.attr("type") == "checkbox") 
       error.insertAfter($(".checkbox-inline").last()); 
      else 
       error.insertAfter(element); 
    }