動態添加/刪除動態錯誤驗證列表的編號？

Question

我有一個表格，使用jQuery validation，並在用戶點擊「繼續」時在頁面頂部列出錯誤。

我需要基於每個現有錯誤的數字列表中的錯誤，所以他們需要動態生成。因此，例如，而不是

1. [空]
2. [空]
3. 輸入你出生的月份
4. [空]

這將是

1. 輸入您出生的月份

有沒有辦法做到這一點？

$("ul.error-menu li").each(function(i, el) { 
    $(this).children('a').prepend("<span>" + (i+1) + "</span>"); 
}); 

<ul class="error-message-container error-menu"> 
    <li><a href="#firstName"><label class="error" for="firstName" generated="true"></label></a></li> 
    <li><a href="#lastName"><label class="error" for="lastName" generated="true"></label></a></li> 
    <li><a href="#dobMonth"><label class="error" for="dobMonth" generated="true"></label></a></li> 
</ul> 

任何幫助正確的方向將是偉大的。

小提琴：https://jsfiddle.net/DTcHh/25812/

Answer 1

只需添加list-style-type到decimal。

.error-message-container.error-menu li { 
    list-style-type: decimal; 
} 

而且啊，去掉這部分：

$("ul.error-menu li").each(function(i, el) { 
    $(this).children('a').prepend("<span>" + (i+1) + "</span>"); 
}); 

小提琴：https://jsfiddle.net/pr5o1qzo/