jQuery Validate中errorContainer和errorLabelContainer选项之间的区别

Question

使用ErrorLabelContainer我可以在一个div中显示我网页上的所有错误。

errorContainer有什么用？

Answer 1

Please refer to official documentation where all this is clearly explained。

  

errorLabelContainer - 所有错误标签都显示在   无序列表，ID为“messageBox”，由指定   选择器作为errorContainer传递   选项

换句话说，作为一个例子，errorLabelContainer包含错误作为无序列表。这个无序列表位于errorContainer 的内。

使用示例：

$('form').validate({
    errorContainer: "#messageBox1",
    errorLabelContainer: "#messageBox1 ul",
    wrapper: "li"
});

会产生这个标记......

<div id="messageBox1">                 <!- errorContainer ->
    <ul>                               <!- errorLabelContainer ->
        <li>Field is required</li>     <!- wrapper ->
        <li>Enter a valid email</li>   <!- wrapper ->
    </ul>
</div>

要了解其工作原理，您可以创建一个jsFiddle演示并检查DOM以查看渲染HTML的构造方式。