Question

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

From a previous question我获得了以下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

从查看验证插件的documentation看起来，您可以使用errorPlacement参数控制错误的位置，该参数使用函数（error，element）。代码看起来像这样：

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”）。

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

1 个答案: