复选框验证中的jQuery验证错误消息

Question

我在jquery验证样式方面遇到问题。我正在使用jquery验证附加方法来验证必须填写的两个字段之一，其中一个是复选框。问题是错误仅获得复选框的宽度。就像下面的图片一样。

我该如何解决。预先感谢。

Answer 1

我找到了解决它的方法。我的复选框名称是“ single_service”。首先，我用简单的CSS隐藏由验证插件创建的标签错误消息。

label#single_service-error {display: none !important; }

然后我添加了验证插件提供的invalidHandler（Documentation）函数，以在我创建的元素而不是标签的元素旁边显示我的错误。

invalidHandler: function(form, validator) {
                console.log(validator.submitted);
                if (validator.submitted.single_service!=''){
                    $(".single_service_error").html(validator.submitted.single_service);
                    console.log('error');
                } else {
                    $(".single_service_error").html(' ');
                    console.log('no-error');
                }
            }

完整的功能。

$("#add_form").validate({
            rules: {
            },
            invalidHandler: function(form, validator) {
                if (validator.invalid.single_service!=undefined){
                    $(".single_service_error").html(validator.submitted.single_service);
                } else {
                    $(".single_service_error").html('');
                }
            }
        });

我希望有人会觉得有用。