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

Posted 2023-03-05

【中文标题】jQuery 验证，将错误消息放在复选框和单选按钮组下方

【英文标题】：jQuery validation, put error message below groups of checkboxes and radio buttons

【发布时间】：2011-12-27 06:28:34

【问题描述】：

我有一个包含几组复选框和单选按钮的表单。单选按钮的错误消息总是直接显示在组中的第一个单选按钮之后。我能够让错误消息显示在复选框组下方。但是，我没有运气让单选按钮发生同样的事情。收音机和复选框的所有名称属性都不同（呃）。这是我目前拥有的代码...

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

【问题讨论】：

你能提供html吗？

Jquery validation error placement (radio buttons) 的可能重复项

【参考方案1】：

这对我有用：

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

或者，可以使用：

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

【参考方案2】：

我一直在寻找解决此问题的方法，但发现了这个相关（并已解决）的问题。为以后偶然发现此问题的任何人更新。

Jquery validation error placement (radio buttons)