jquery - 复选框 : how to display elsewhere? 的验证规则

Question

如此图所示，复选框的错误消息被搞乱了。我如何才能在其他地方仅针对复选框字段显示它？

这是我使用的代码。

$(function() {  
$("#reservation").validate({    
    rules: {
        "room[]": {
            required: true
          },
        start: "required",
        end: "required",
        name: "required",
        phone: {
        required: true,
        digits: true,
        minlength: 10,
        maxlength: 14
        },
        email: {
            required: true,
            email: true
        },
        address: "required"
    },        
    messages: {
        "room[]": {
            required: "Please select a room <br/>"
          },
        start: "Select date in ROOM AVAILABILITY",
        end: "Select date in ROOM AVAILABILITY",
        name: "Enter your full name",
        phone: {
        required: "Phone number is required",
        digits: "This is not a numeric value",
        minlength: "Number is too short",
        maxlength: "Number is too long"
        },
        email: "Please enter a valid email address",
        address: "Address is required"
    },              
      submitHandler: function(form) {
        form.submit();
    }
});

});

我的复选框字段是:

<input type="checkbox" name="room[]" value="'.$id.'"> $name.$desc

感谢您的宝贵时间和帮助。

Answer 1

你的问题的答案其实在插件Validate({})中；本身。

规则已设置在那里，很遗憾，我认为您不会更改它，因此我建议您将复选框移至名称的右侧。

例如

1. <input type="checkbox" name="room[]" value="'.$id.'"> Delux for 1 Person<br/><br/>

Becomes <br/><br/>

1. Delux for 1 Person <input type="checkbox" name="room[]" value="'.$id.'"> 

希望这对您有所帮助。