Jquery 验证插件问题

Question

我正在尝试使用 jquery 验证插件，但我似乎无法让它在一个上工作 特定的方面。

我有这种情况，我的表单空间有限，因此验证插件生成的标签错误 如果存在验证错误，则无法看到

所以我所做的是，我在表单下方创建了一个容器作为错误的容器。该容器的初始显示为无 (display:none)

这是我的标记，以便您可以将其可视化。

<form id="myform">

</form>
<div id="container">
    <h4>There is an error in your form entry.  Kindly correct please.</h4>
</div>

我在网上发现了有关错误放置的验证插件的内部方法，因此我使用了它。

$("#myform").validate({
    errorPlacement: function(error, element) {
            error.appendTo("div.container");
    }
});

一切都很好，当发生错误时，它会很好地附加到我的容器上。我的问题是 更正错误后，标签错误被隐藏，但我的容器 div 仍然显示。

我该怎么做才能在更正错误后，容器 div 也被隐藏。谢谢。

Answer 1

有一个 errorContainer 选项，使用它像这样：

$("#myform").validate({
    errorContainer: "div.container",
    errorPlacement: function(error, element) {
            error.appendTo("div.container");
    }
});

如果有/没有任何错误，则该选项的选择器将分别显示/隐藏。