javascript - 为什么单选按钮中需要不规则的消息(jquery 验证)？

Question

我的Javascript代码是这样的:

...

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

演示和完整代码是这样的:http://jsfiddle.net/oscar11/2yXsL/549/

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

有什么办法可以解决我的问题吗？

Answer 1

您可以使用errorPlacement选项。尝试将其添加到您的选项中:

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

这是修改后的 fiddle :http://jsfiddle.net/2yXsL/551/