Jquery表單驗證：在網頁的特定部分顯示所有錯誤

Question

我使用JQuery的驗證插件來驗證HTML表單。 http://docs.jquery.com/Plugins/Validation

默認情況下，輸入旁邊的所有驗證錯誤。 是否有可能在頁面頂部顯示所有錯誤的列表，以及我用什麼代碼來執行此操作？

乾杯

Answer 1

根據你能提供這個插件的選項（參見http://docs.jquery.com/Plugins/Validation/validate#options），你可以指定errorLabelContainer和errorContainer選項，在那裏將組的錯誤信息爲單個或多個容器。

樣品從現場拍攝：

<ul id="messageBox"></ul> 

 

$("#myform").validate({ 
    errorLabelContainer: "#messageBox", 
    wrapper: "li", 
    submitHandler: function() { alert("Submitted!") } 
})