动态添加/删除动态错误验证列表的编号？

Question

我有一个使用jQuery validation的表单，并在用户点击＆＃34;继续＆＃34;时列出页面顶部的错误。

我需要根据每个现有错误将错误放在数字列表中，因此需要动态生成它们。例如，而不是

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/