JQuery Validate Plugin Concern

Question

Я стараюсь использовать плагин проверки подлинности jquery, но я не могу заставить его работать на одном конкретном аспекте.

У меня есть этот сценарий, моя форма имеет ограниченное пространство, поэтому ошибка метка генерируется Validate плагин нельзя увидеть, если когда-либо есть ошибка проверки

Так что я есть, я создал контейнер ниже моего чтобы служить контейнером для ошибки. Первоначальное отображение этого контейнера - нет (display:none)

Вот моя разметка, чтобы вы могли ее визуализировать.

<form id="myform"> 

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

я узнал в сети относительно внутреннего метода в валидации плагина относительно errorplacement, так что я использовал его.

$("#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"); 
    } 
}); 

Селектор дал этот вариант будет показан/скрыт, если есть/нет никаких ошибок, соответственно.