jQuery使用两个类设置验证错误框

jQuery使用两个类设置验证错误框,jquery,jquery-validate,Jquery,Jquery Validate,我的代码中有一个,我有一个特定的textarea,我正在使用main.error类,还有另一个.textAreaError,如果我想要它,它会放置错误框,但我不确定如何配置textarea错误以加载到此特定框中 我得到了下面的jQuery行函数(error,element){error.appendTo(element.sillides(“label”);},但我不确定如何将其应用到下面的代码中 jQuery: jQuery(document).ready(function() { /

我的代码中有一个,我有一个特定的
textarea
,我正在使用main
.error
类,还有另一个
.textAreaError
,如果我想要它,它会放置错误框,但我不确定如何配置textarea错误以加载到此特定框中

我得到了下面的jQuery行
函数(error,element){error.appendTo(element.sillides(“label”);}
,但我不确定如何将其应用到下面的代码中

jQuery:

jQuery(document).ready(function() { 
    //Home Validation
    onfocusout: true,
    $("#quote").validate({
        rules:{
            companyName:{
                required: true,
                url: true
            }
        }
    });
HTML:

jQuery(document).ready(function() { 
    //Home Validation
    onfocusout: true,
    $("#quote").validate({
        rules:{
            companyName:{
                required: true,
                url: true
            }
        }
    });
Error Here

通过查看验证插件的,您似乎可以使用使用函数(Error,element)的errorPlacement参数来控制错误的位置。代码如下所示:

jQuery(document).ready(function() { 
    //Home Validation
    $("#quote").validate({
        onfocusout: true,
        rules:{
            companyName:{
                required: true,
                url: true
            }
        },
        errorPlacement: function(error, element) {
            if (element.is("textarea"))
                error.appendTo(".textAreaError");
            else
                error.appendTo(".generalError");
        }
    });
});

您必须为常规错误框指定generalError类。或者,给出错误框id并引用它们(例如“#textAreaError”和“#generalError”)。

在我看来,主要问题是在哪里应用该函数。但无论如何,我正在编写一个代码示例……OP需要看到它,因为他完全忽略了其中包含的一个关键代码部分。我怎么能做得比一个appendTo更多呢?我将.error作为常规错误框,并将其作为TextArea的专用错误框参见更新的答案,它现在检查元素的类型,然后将错误添加到textAreaError或generalError框中。这是无效代码。您不能让
onfocusout:true,
独自坐着。它是插件的可选参数,因此需要与其他可选参数一起使用。此外,请更仔细地查看完整答案。提示:
errorPlacement: