CODEWITHSUNDEEP
validationparsley.jsparsley
UWS
UWS

Reputation: 23

Parsley validation: after a successful input validation an empty element is remained in DOM

I'm using parsley (parsleyjs.org) validation but after a field got validated, an empty element remains in the DOM. How can I remove it?

It seems to be a Parsley bug: Parsley should remove the error container if there are no errors anymore.

Screenshot here

Thank you. Lui

Upvotes: 0

Views: 740

Answers (2)

UWS
UWS

Reputation: 23

Only CSS was not working for me. This script does what I wanted. Removes the empty .parsley-errors-list elements.

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

Upvotes: 0

Marc-André Lafortune
Marc-André Lafortune

Reputation: 79552

parsley chooses to keep that <div> around by design, but you can rely on it's class filled being present or not in your CSS. In short, your CSS rules that use .parsley-errors-list should read as .parsley-errors-list.filled.

Upvotes: 0

Related Questions