单选按钮上的jQuery验证

我的表格中有两个单选按钮用于性别选择

我使用插件进行验证。 当我对单选按钮应用验证时，这个插件将错误标签放在两个单选按钮之间

这是小提琴：

HTML:

男性
女性

---

如何将错误标签放置在两个单选按钮之后？或者至少在某个合适的地方？

在标记中添加一个错误标签，以便错误显示：

<label class="error" generated="true" for="gender" style="display:none;"></label>

---

当然，您也可以使用其他DOM操作方法将错误元素添加到DOM中，例如

.append

，

.prepend

，

.after

，

insertAfter

，

before

，

.insertBefore

与基于产生验证错误的

元素的DOM遍历相结合，根据您的HTML结构，可能不需要额外的标记。
在标记中添加错误标签，以显示错误：

<label class="error" generated="true" for="gender" style="display:none;"></label>


当然，您也可以使用其他DOM操作方法将错误元素添加到DOM中，例如
.append
，
.prepend
，
.after
，
insertAfter
，
before
，
.insertBefore
与基于产生验证错误的
元素的DOM遍历相结合，这可能不需要额外的标记，具体取决于您的HTML结构。
在两个单选按钮之后，您没有说哪个是您想要的位置。。在两个单选按钮之后，您没有说哪个是您想要的位置。@Edga不是真的，ID是标签应该如何工作的，但是
jQuery.validate
将
name
用于收音机。这个插件在放置自己的标签之前是否会查找错误标签？@JAVAGeek。对于常规文本输入，您使用ID而不是名称。我会在答案中加上这一点。@Fabricio Matté我听从了你的建议，它确实奏效了。但是，本着将内容、样式和功能分开的精神，有没有一种方法可以将错误标签放置在准确的位置，而不必手动添加标记？对你的答案投赞成票。提前谢谢。@Ricardo更新了答案
=]
@Edga不太可能，ID是标签应该如何工作的，但是
jQuery。validate
使用
name
代替收音机。这个插件在放置自己的标签之前是否会查找错误标签？@JAVAGeek。对于常规文本输入，您使用ID而不是名称。我会在答案中加上这一点。@Fabricio Matté我听从了你的建议，它确实奏效了。但是，本着将内容、样式和功能分开的精神，有没有一种方法可以将错误标签放置在准确的位置，而不必手动添加标记？对你的答案投赞成票。提前谢谢。@Ricardo更新了答案<代码>=]
<div id="genderErrorContainer"></div>

$("#registration_form").validate({
    rules: {[...]},
    messages: {[...]},
    submitHandler: fn,
    errorPlacement: function(error, element) {
        if (element.prop('name') === 'gender') {
            error.appendTo('#genderErrorContainer');
        }
    }
});