使用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属性，以自定义错误的位置。

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