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

Question

我有一个我的代码，我有一个特别textarea是我正在使用主.error类，另一个.textAreaError放置错误框是我想要的，但我不确定如何配置 textarea 错误以加载到这个特定的框中。

从上一个问题中，我得到了以下 jQuery 行function(error, element) { error.appendTo(element.siblings("label")); }，但我不确定如何将其用于下面的代码。

jQuery：

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

HTML：

<div class="error textAreaError">Error Here</div>

Answer 1

通过查看 validate 插件的文档，您似乎可以使用使用 function(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”）。