jQuery验证是否将类添加到错误元素? [英] jQuery validate add class to error element?

问题描述

我有以下使用jQuery Validate的代码.

I have the following code using jQuery Validate.

$("#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'上，以使其成为...:

Is there a way to add a class to the errorElement, 'span' so that it's...:

<span class="help-inline error">Message</span>

推荐答案

当您指定errorClass时，没有什么可以阻止您将其变为两件事:帮助内联错误"，即:

When you specify the errorClass, there's nothing stopping you from making it two things: "help-inline error", i.e.:

$("#register").validate({
    debug: true,
    errorClass: 'error help-inline',
    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);
    }
});

请注意，您必须使用jQuery Validate 1.10版本来支持此功能.早期版本仅允许一个errorClass.

Note that you have to use version 1.10 of jQuery Validate to support this. Earlier versions only allow one errorClass.

这篇关于jQuery验证是否将类添加到错误元素?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！