Question

我正在尝试使用jquery validate插件但我似乎无法使其工作在一个特别方面。

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

所以我做的是，我在表单下创建了一个容器作为错误的容器。此容器的初始显示为none（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 option，请按照以下方式使用：

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

如果存在/没有任何错误，将显示/隐藏给予此选项的选择器。

Jquery验证插件关注

1 个答案: