jQuery验证，特定的errorClass位置

我只是想知道如何具体地将errorClass添加到元素中。 我正在使用引导选择来设计我的选择。 这将隐藏select元素并创建一个div，jQuery validate将errorClass添加到select元素而不是div（有意义）

---

我怎样才能明确地说所有的选择，errorClass应该在div上？我用highlight猜测，但我似乎找不到如何只在一个元素上实现。可以使用showErrors函数。我确实使用它（引导程序3）将has error类设置为表单组项，因此它突出显示表单组中的所有元素，而不仅仅是输入

$.validator.setDefaults({
showErrors: function (errorMap, errorList) {
    $.each(this.successList, function (index, value) {
        var $element = $(value);
        $element.closest('.form-group').removeClass('has-error');
    });


    $.each(errorList, function (index, error) {
        var $element = $(error.element);
        $element.closest('.form-group').addClass('has-error');
    });
});

---

可以使用淋浴功能。我确实使用它（引导程序3）将has error类设置为表单组项，因此它突出显示表单组中的所有元素，而不仅仅是输入

$.validator.setDefaults({
showErrors: function (errorMap, errorList) {
    $.each(this.successList, function (index, value) {
        var $element = $(value);
        $element.closest('.form-group').removeClass('has-error');
    });


    $.each(errorList, function (index, error) {
        var $element = $(error.element);
        $element.closest('.form-group').addClass('has-error');
    });
});

---

要更改

错误

和

有效

类的应用位置，必须指定自定义的

高亮显示

和

取消高亮显示

回调函数

这些是正在使用的默认函数。根据需要编辑

$(document).ready(function () {

    $('#myform').validate({
        // other rules & options,
        highlight: function (element, errorClass, validClass) {
            if (element.type === "radio") {
                this.findByName(element.name).addClass(errorClass).removeClass(validClass);
            } else {
                $(element).addClass(errorClass).removeClass(validClass);
            }
        },
        unhighlight: function (element, errorClass, validClass) {
            if (element.type === "radio") {
                this.findByName(element.name).removeClass(errorClass).addClass(validClass);
            } else {
                $(element).removeClass(errorClass).addClass(validClass);
            }
        }
    });

});

jsiddle演示：

---

我对默认CSS类应用颜色只是为了说明。

要更改

错误和
有效类的应用位置，必须指定自定义的
高亮显示和
取消高亮显示
回调函数

这些是正在使用的默认函数。根据需要编辑

$(document).ready(function () {

    $('#myform').validate({
        // other rules & options,
        highlight: function (element, errorClass, validClass) {
            if (element.type === "radio") {
                this.findByName(element.name).addClass(errorClass).removeClass(validClass);
            } else {
                $(element).addClass(errorClass).removeClass(validClass);
            }
        },
        unhighlight: function (element, errorClass, validClass) {
            if (element.type === "radio") {
                this.findByName(element.name).removeClass(errorClass).addClass(validClass);
            } else {
                $(element).removeClass(errorClass).addClass(validClass);
            }
        }
    });

});

jsiddle演示：

我对默认CSS类应用颜色只是为了说明。
errorPlacement
选项是否符合您的要求？不，我使用errorPlacement来放置错误消息。这里我需要的是将我重命名为“invalid”的错误类（突出显示元素的类）放在太高的位置。关于
errorClassContainer
？我似乎在jquery验证文档中找不到该函数。抱歉，我想的是
errorContainer
或
errorLabelContainer
，但我认为这两种方法都不能解决你的问题。我想您必须使用
突出显示
。我不认为您可以在一个元素上使用它，它需要检查元素并进行自定义突出显示。
errorPlacement
选项是否满足您的要求？不，我使用errorPlacement来放置错误消息。这里我需要的是将我重命名为“invalid”的错误类（突出显示元素的类）放在太高的位置。关于
errorClassContainer
？我似乎在jquery验证文档中找不到该函数。抱歉，我想的是
errorContainer
或
errorLabelContainer
，但我认为这两种方法都不能解决你的问题。我想您必须使用
突出显示
。我不认为您可以在一个元素上使用它，它需要检查元素并进行自定义高亮显示。