Javascript 为什么单选按钮中需要的消息不规则（jquery验证）？

我的Javascript代码如下所示：

...

$('#mailer').validate({
    focusInvalid: false,
    debug: true,
    rules: {
        name: {
            required: true
        },
        email_address: {
            required: true,
            email: true
        },
        request: {
            required: true
        },
        gender: {
            required: true
        }
    },
...

演示和完整代码如下所示：

如果未选择性别并单击“提交”按钮，则会显示“字段必填”消息。但信息是不规则的。消息应该出现在最左边的部分，例如文本字段的“field required”消息

有什么解决我的问题的方法吗？

添加以下CSS：

label.error {
  float: right;
}

---

您可以使用修改后的演示程序查看它的工作情况：

您可以使用

错误放置

选项。尝试将此添加到您的选项中：

    errorPlacement :function(error,element){
      switch(element.attr('name')) {
        case 'gender':
            error.insertAfter(element.parent());
            break;
        default:
            error.insertAfter(element);
      }
    }

这是一把修改过的小提琴：