Append an element upon successful field validation

[noahlh]

Feature request:

It would be excellent if Parsley could be configured to append an element (div, ul, etc.) to the validated input in addition to / instead of changing the class to parsley-success

The use case: I'd like to show visual feedback in the form of a checkbox next to the form input instead of changing the actual input's appearance. Right now I have to make the checkbox appear as an offset background image, which is a bit hack-ey.

[guillaumepotier]

Ok. Seems right. I'll think about implementing it. I'll let you know

[noahlh]

Thanks! This can probably be abstracted slightly to "trigger an action upon successful field validation" (where appending an element is one possible way.

FYI to those looking for an implementation now, I modified one line in the source:

this.errorClassHandler.removeClass( this.options.errorClass ).addClass( this.options.successClass )

and simply appended .trigger('validateSuccess') to call a custom validateSuccess jQuery event defined elsewhere. Works nicely but I'm sure there's a better way to integrate this into the library.

[guillaumepotier]

I've added a Parsley custom listener onFieldSuccess. See referenced commit.

If it is ok for you, please feel free to close this issue :)

Best

[noahlh]

Looks awesome! Thanks!