Parsley 验证：成功输入验证后，DOM 中保留一个空元素

【问题标题】：Parsley validation: after a successful input validation an empty element is remained in DOMParsley 验证：成功输入验证后，DOM 中保留一个空元素
【发布时间】：2020-12-10 14:14:58
【问题描述】：

我正在使用 parsley (parsleyjs.org) 验证，但在验证字段后，DOM 中仍保留一个空元素。如何删除它？

似乎是 Parsley 的错误：如果不再有错误，Parsley 应该删除错误容器。

Screenshot here

谢谢。吕

【问题讨论】：

标签： validation parsley.js parsley

【解决方案1】：

parsley 选择保留 <div> 通过设计，但你可以依赖它的类 filled 在你的 CSS 中是否存在。简而言之，您使用.parsley-errors-list 的CSS 规则应该读作.parsley-errors-list.filled。

【讨论】：

它对我不起作用，我在 CSS 中使用了 .filled 类，但空的 div 仍然存在。
我需要一个 jquery 脚本，它会在输入成功时删除 .parsley-errors-list。它似乎不是在那里被提醒的。

【解决方案2】：

只有 CSS 不适合我。这个脚本做了我想要的。删除空的 .parsley-errors-list 元素。

$('#contactForm').parsley().on('field:success', function() { 
    $('ul.parsley-errors-list').not(':has(li)').remove();
});

【讨论】：