如何使用Parsley.js动态显示所需的图标？

Question

在我的表单中，我根据某些条件以编程方式设置了一些字段。我使用这段代码：

if (condition) $('#my_field']).attr('data-parsley-required', 'true'); 

它工作正常。但是现在我想在需要转换场时显示一个“必需”图标，例如红色*。我发现了一些自动设置的“parsley-sucess”/“parsley-error”类，但似乎不存在“parsley-required”或“data-parsley-required”类。

有没有办法做到这一点？

谢谢 洛科

Answer 1

您可以在CSS中执行此操作：

[data-parsley-required]::before { content: "*"; color: red; }

如果那不能做你想做的事，那就用JS做吧。

Answer 2

谢谢Marc-André的回答。 我在所需的输入之前添加了一个div，但它没有得到那个红色的星号。无论如何，我设法使用data-parsley-class-handler=":parent"和更精确的css过滤器

[data-parsley-required="true"] {...}
[data-parsley-required="false"] {...}

在不需要字段时删除星号。