jQuery验证，将错误消息放在复选框和单选按钮组的下面

Question

I have a form that has a few groups of checkboxes and radio buttons. The error message for the radio buttons always shows up directly after the first radio button in the group. I was able to get the error messages to display below the groups of checkboxes. However, I'm not having any luck getting the same to happen for radio buttons. All of the name attributes for the radio and checkboxes are different (ugh). Here's the code I currently have...

jQuery("body.page-user-register input[type=checkbox]").addClass("certboxes");
jQuery.validator.addMethod('certboxes', function (value) {
          return jQuery('.certboxes:checked').size() > 0; }, 'Please check at least one     box.');
var checkboxes = jQuery('.certboxes');
var checkbox_names = jQuery.map(checkboxes, function(e,i) { return jQuery(e).attr("name")}).join(" ");


groups: {checks: checkbox_names},
    errorPlacement: function(error, element) {
         if (element.attr("type") == "checkbox") {
           error.insertAfter(checkboxes.parent().last());
           }
         else {
           error.insertAfter(element); 
           }
}

Answer 1

I was looking for a solution to this problem, and found this related (and solved) question. Updating for anyone who stumbles on this later.

Jquery validation error placement (radio buttons)

Answer 2

This worked for me:

errorPlacement: function(error, element) {
     error.appendTo(element.parent());
}

Alternatively, one can use:

errorPlacement: function(error, element) {
    error.appendTo(element.parent().siblings('.new container for errors'));
}