I've got a problem using jQuery validation plugin. After form validated and corrected invalid fields the assigned label text disappear. Here's my code:
$('#formID').validate({
debug: true,
errorContainer: $('#containerID'),
errorPlacement: function(error, element) {
var ctrl = $('#lbl_' + element.attr('name'));
ctrl.addClass('error');
},
rules: {
fieldname1: "required",
fieldname2: "required",
...
},
messages: {
fieldname1: "...",
fieldname2: "...",
...
}
}).form();
The code above should add the CSS error class to the invalid element assigned label. But when invalid field have been corrected the assigned label text will be deleted. I don't know why. What I'm doing wrong? Or what is missing? I only want to remove error class if field is valid...