jQuery验证是否将类添加到错误元素?

jQuery验证是否将类添加到错误元素?,jquery,validation,Jquery,Validation,我有以下使用jQuery验证的代码 $("#register").validate({ debug: true, errorClass:'error', validClass:'success', errorElement:'span', highlight: function (element, errorClass, validClass) { $(element).parents("div.control-group")

我有以下使用jQuery验证的代码

$("#register").validate({
    debug: true,
    errorClass:'error',
    validClass:'success',
    errorElement:'span',
    highlight: function (element, errorClass, validClass) { 
        $(element).parents("div.control-group")
                  .addClass(errorClass)
                  .removeClass(validClass);
    }, 
    unhighlight: function (element, errorClass, validClass) {
        $(element).parents(".error")
                  .removeClass(errorClass)
                  .addClass(validClass); 
    }
});
有没有办法将类添加到errorElement“span”中,使其

<span class="help-inline error">Message</span>
消息
将把
帮助内联
类添加到所有已出现
错误
类的DOM元素中


这就是您要寻找的吗?

当您指定
错误类时,没有什么可以阻止您将其设置为两件事:“帮助内联错误”,即:


请注意,您必须使用jQuery验证的1.10版来支持这一点。早期版本只允许一个
errorClass

Ryley答案的替代方案,该方案不将“帮助内联”包含在“控制组”中,以避免突出显示时的输入偏移

$("#register").validate({
    debug: true,
    errorClass: 'error help-inline',
    validClass: 'success',
    errorElement: 'span',
    highlight: function(element, errorClass, validClass) {
      $(element).parents("div.control-group").addClass('error').removeClass('success');
    },
    unhighlight: function(element, errorClass, validClass) {
      $(element).parents(".error").removeClass('error').addClass('success');
    }
});

我不想把这个问题当作是对答案的评论。。。;o(,.

因为我认为这是针对Twitter Booststrap的,这是一个更好的解决方案,无需更新jquery验证:

$("#register").validate({
    debug: true,
    errorClass: 'help-inline',
    validClass: 'success',
    errorElement: 'span',
    highlight: function(element, errorClass, validClass) {
      $(element).parents("div.control-group").addClass("error");

    },
    unhighlight: function(element, errorClass, validClass) {
      $(element).parents(".error").removeClass("error");
    }
});

我试过这个,但后来我得到了一个奇怪的东西,其中一个跨度被添加(但在突出显示时没有删除)…啊,你是对的,github版本实际上解决了这个问题-检查这里的
errors
函数:用它替换你的jquery Validate版本,或者一个函数就足够了。。。
$("#register").validate({
    debug: true,
    errorClass: 'error help-inline',
    validClass: 'success',
    errorElement: 'span',
    highlight: function(element, errorClass, validClass) {
      $(element).parents("div.control-group").addClass('error').removeClass('success');
    },
    unhighlight: function(element, errorClass, validClass) {
      $(element).parents(".error").removeClass('error').addClass('success');
    }
});
$("#register").validate({
    debug: true,
    errorClass: 'help-inline',
    validClass: 'success',
    errorElement: 'span',
    highlight: function(element, errorClass, validClass) {
      $(element).parents("div.control-group").addClass("error");

    },
    unhighlight: function(element, errorClass, validClass) {
      $(element).parents(".error").removeClass("error");
    }
});