为什么单选按钮中需要消息不规则(jquery 验证）

Why required message in radio button irregular (jquery validation)?

本文关键字：jquery 验证 不规则 消息 单选按钮 为什么      更新时间：2023-09-26

我的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/

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

有什么解决方案可以解决我的问题吗？

您可以使用

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/

添加以下 CSS：

label.error {
  float: right;
}

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

相关文章：