Ajout manuel d' & supprimer les erreurs de validation de jQuery validateur

J'ai résolu ce problème en remplaçant showErrors fonction jQuery dans le programme de validation avec le mien, qui est compatible avec discrète généré par la validation des travées, et le nettoyage des champs valides qui ont de classe non valide. Il n'est pas très belle solution de contournement, mais il fonctionne.

Ici est jsfiddle avec solution: http://jsfiddle.net/goranobradovic/ughCm/5/

Mise à JOUR: Comme lien vers site externe n'est pas la bonne réponse selon les lignes directrices, je vais ajouter l'exemple de code ici. Pour tous ceux qui ont déjà familier avec jQuery validation, il suffit de regarder deux lignes de code dans showErrors fonction. J'ai attribué à validateur avec validateur.les paramètres.showErrors = showErrors;.

HTML:

<form id="experiment" action="/" method="post">
<fieldset>
<legend></legend>
<div class="editor-label">
<label for="Email">Email</label>
</div>
<div class="editor-field">
<input data-val="true" data-val-email="&amp;#39;Email&amp;#39; not valid email address." data-val-required="&amp;#39;Email&amp;#39; is mandatory." id="Email" name="Email" type="text" value=""><span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>        
</div>
<div class="editor-label">
<label for="FirstName">First name</label>
</div>
<div class="editor-field">
<input class="text-box single-line" id="FirstName" name="FirstName" type="text" value="">
<span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>
</div>
<div class="editor-label">
<label for="LastName">Last name</label>
</div>
<div class="editor-field">
<input class="text-box single-line" id="LastName" name="LastName" type="text" value="">
<span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>
</div>   
</fieldset>
<p>
<button type="submit" class="save ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-secondary" value="Save" role="button" aria-disabled="false"><span class="ui-button-text">Save</span><span class="ui-button-icon-secondary ui-icon ui-icon-disk"></span></button>
</p>
</form>
<br/>
<button id="add">Add error</button>
<button id="remove">Remove error</button>
<br/>
<br/>
Debug:
<div id="debug"></div>

JavaScript:

var validator = {};
function addError(e) {
validator.showErrors({
"FirstName": "test error"
});
}
function removeError(e) {
validator.showErrors({
"FirstName": null
});
fixValidFieldStyles($("form"), validator);
}
$(document).ready(function() {
var $form = $("#experiment");
//prevent form submission
$form.submit(function(e) {
e.preventDefault();
return false;
});
$("#add").click(addError);
$("#remove").click(removeError);
$("#debug").html("<h1>Validator properties:</h1>");
validator = $form.validate();
validator.settings.showErrors = showErrors;
for (var i in validator) {
var row = $("<span></span>").html(i).append("<br/>");
$("#debug").append(row);
}
});
function showErrors(errorMessage, errormap, errorlist) {
var val = this;
errormap.forEach(function(error, index) {
val.settings.highlight.call(val, error.element, val.settings.errorClass, val.settings.validClass);
$(error.element).siblings("span.field-validation-valid, span.field-validation-error").html($("<span></span>").html(error.message)).addClass("field-validation-error").removeClass("field-validation-valid").show();
});
}
function fixValidFieldStyles($form, validator) {
var errors = {};
$form.find("input,select").each(function(index) {
var name = $(this).attr("name");
errors[name] = validator.errorsFor(name);
});
validator.showErrors(errors);
var invalidFields = $form.find("." + validator.settings.errorClass);
if (invalidFields.length) {
invalidFields.each(function(index, field) {
if ($(field).valid()) {
$(field).removeClass(validator.settings.errorClass);
}
});
}
}

J'ai fini par résoudre le problème de façon simple nettoyage des erreurs et de montrer de nouvelles erreurs.

//get the form inside we are working - change selector to your form as needed
var $form = $("form");
//get validator object
var $validator = $form.validate();
//get errors that were created using jQuery.validate.unobtrusive
var $errors = $form.find(".field-validation-error span");
//trick unobtrusive to think the elements were succesfully validated
//this removes the validation messages
$errors.each(function(){ $validator.settings.success($(this)); })
//clear errors from validation
$validator.resetForm();
//Then show the errors
$.validator().showErrors({prop:error}