2010-09-05 69 views
1

我想我的路周圍使用jQuery驗證插件,但我似乎無法使它在一個特定的 工作方面。jQuery驗證插件關注

我有這樣的情況,我的形式具有有限的空間,因此通過驗證插件 產生的標籤錯誤不能被看到,如果曾經有一個驗證錯誤

所以我所做的是,我創建了下面的容器我表單作爲錯誤的容器。該容器的初始顯示是無(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獲取隱藏也。謝謝。

回答

1

有此一errorContainer option,使用這樣的:

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

給該選項的選擇將分別顯示/隱藏,如果有/沒有任何錯誤。

+0

非常感謝你.. =) – 2010-09-05 13:53:48