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

这是一个修改过的小提琴：http://jsfiddle.net/2yXsL/551/

Answer 2

添加以下CSS：

label.error {
  float: right;
}

您可以看到它使用您修改后的演示：http://jsfiddle.net/2yXsL/550/

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

2 个答案: