Comment effacer jQuery de validation des messages d'erreur?

Je suis tombé sur cette question de moi-même. J'ai eu la nécessité conditionnelle, la validation des pièces de forme, tandis que le formulaire a été construit selon les étapes (c'est à dire certaines entrées ont été ajouté dynamiquement lors de l'exécution). En conséquence, parfois sélectionnez le menu déroulant aurait besoin de validation, et parfois il ne le serait pas. Cependant, à la fin de l'épreuve, il a besoin d'être validé. En conséquence, j'ai besoin d'une méthode robuste qui n'a pas été une solution de contournement. J'ai consulté le code source pour jquery.validate.

Voici ce que je suis venu avec:

• Effacer les erreurs en indiquant la validation de succès
• Gestionnaire d'appel pour l'affichage des erreurs
• Effacer tous les éléments de stockage de succès ou d'erreurs
• Réinitialiser la totalité du formulaire de validation

  Voici à quoi il ressemble dans le code:

  function clearValidation(formElement){
   //Internal $.validator is exposed through $(form).validate()
   var validator = $(formElement).validate();
   //Iterate through named elements inside of the form, and mark them as error free
   $('[name]',formElement).each(function(){
     validator.successList.push(this);//mark as error free
     validator.showErrors();//remove error messages if present
   });
   validator.resetForm();//remove error class on name elements and clear history
   validator.reset();//remove all error and success data
  }
  //used
  var myForm = document.getElementById("myFormId");
  clearValidation(myForm);

  minimisé comme une extension jQuery:

  $.fn.clearValidation = function(){var v = $(this).validate();$('[name]',this).each(function(){v.successList.push(this);v.showErrors();});v.resetForm();v.reset();};
  //used:
  $("#formId").clearValidation();

• Très travaillé, c'est exactement ce dont j'avais besoin. Merci.
• c'est génial , cette solution est aussi de travailler avec des "ValidationMessageFor"
• Super! Fonctionne parfaitement avec Bootstrap et MVC!
• Tout d'abord, merci! A cela fonctionne très bien depuis des années, mais maintenant, j'ai découvert un problème de performance: showErrors fait un peu de manipulation du DOM et elle est appelée pour chaque élément dans le formulaire. Le navigateur a gelé pour un couple de secondes lors de l'utilisation de ce code dans un formulaire avec ~ 30 contrôles. La solution pour moi a été de déplacer showErrors de la boucle et viens de l'appeler une fois juste avant de validator.resetForm. Aussi loin que je peux dire, il se comporte exactement de la même manière et est beaucoup plus rapide.
• J'ai été en utilisant ce jusqu'à aujourd'hui que j'ai découvert que si j'utilise cette méthode sur le bouton "Reset", il supprime toutes les erreurs, mais il n'y a aucune validation n'est plus le cas... même si j'essaie de valider à nouveau, tout est valide

Si vous ne l'avez pas déjà enregistrer les validateurs d'autre part de les attacher à la forme, vous pouvez aussi tout simplement appeler

$("form").validate().resetForm();

comme .validate() sera de retour le même validateurs vous fixé précédemment (si vous l'avez fait).

Malheureusement, validator.resetForm() ne fonctionne PAS, dans de nombreux cas.

J'ai un cas où, si quelqu'un frappe le "Soumettre" sur un formulaire avec des valeurs vides, il doit ignorer les "Soumettre". Pas d'erreurs. C'est assez facile. Si quelqu'un met dans un ensemble partiel de valeurs, et hits "se Soumettre", il doit signaler, certains des champs avec des erreurs. Si, toutefois, ils effacer les valeurs et cliquez sur "envoyer" de nouveau, il convient de supprimer les erreurs. Dans ce cas, pour une raison quelconque, il n'y a pas d'éléments dans le "currentElements" tableau dans le programme de validation, de sorte que l'exécution de .resetForm() ne fait absolument rien.

Il y a des bugs posté sur ce.

Jusqu'à ce qu'ils fixent eux, vous devez utiliser Nick Craver de réponse, PAS de Perroquets accepté de répondre.

Si vous voulez juste de validation des étiquettes, vous pouvez utiliser le code de jquery.validate.js resetForm()

var validator = $('#Form').validate();

validator.submitted = {};
validator.prepareForm();
validator.hideErrors();
validator.elements().removeClass(validatorObject.settings.errorClass);

Pour ceux utilisant Bootstrap 3 code ci-dessous permettra de nettoyer toute la forme des messages: les messages, les icônes et les couleurs...

$('.form-group').each(function () { $(this).removeClass('has-success'); });
$('.form-group').each(function () { $(this).removeClass('has-error'); });
$('.form-group').each(function () { $(this).removeClass('has-feedback'); });
$('.help-block').each(function () { $(this).remove(); });
$('.form-control-feedback').each(function () { $(this).remove(); });

var validator = $("#myForm").validate();
validator.destroy();

Cela va détruire toutes les erreurs de validation

Essayer de l'utiliser pour retirer de validation sur le cliquez sur annuler

 function HideValidators() {
            var lblMsg = document.getElementById('<%= lblRFDChild.ClientID %>');
            lblMsg.innerHTML = "";           
            if (window.Page_Validators) {
                for (var vI = 0; vI < Page_Validators.length; vI++) {
                    var vValidator = Page_Validators[vI];
                    vValidator.isvalid = true;
                    ValidatorUpdateDisplay(vValidator);
                }
            } 
        }

Pour supprimer le récapitulatif de la validation, vous pouvez écrire ce

$('div#errorMessage').remove();

Cependant, une fois que vous avez supprimé , à nouveau si la validation a échoué, il ne montre pas de ce résumé de validation
parce que vous l'avez supprimé. Au lieu d'utiliser l'option masquer et afficher à l'aide du code ci-dessous

$('div#errorMessage').css('display', 'none');

$('div#errorMessage').css('display', 'block');  

Si vous souhaitez réinitialiser numberOfInvalids() ainsi, puis ajoutez la ligne suivante dans resetForm fonction dans jquery.validate.js fichier numéro de ligne: 415.

this.invalid = {};

$(FORM_ID).validate().resetForm(); ne fonctionne toujours pas comme prévu.

Je suis de compensation formulaire avec resetForm(). Il fonctionne dans tous les cas sauf un!!

Lorsque je charge toute forme via Ajax et appliquer de la validation du formulaire, après le chargement de ma dynamique HTML, puis après quand j'ai essayer de réinitialiser le formulaire avec resetForm() et il échoue, et aussi il vidées tous les hors de validation que je m'applique sur les éléments de formulaire.

Donc veuillez ne pas l'utiliser pour l'Ajax formes de chargement OU manuellement initialisé validation.

P. S. Vous devez utiliser Nick Craver de réponse pour un tel scénario, comme je l'ai expliqué.

Si vous voulez cacher une validation côté client qui ne fait pas partie de la soumission d'un formulaire, vous pouvez utiliser le code suivant:

$(this).closest("div").find(".field-validation-error").empty();
$(this).removeClass("input-validation-error");

Essayé tous seule réponse. La seule chose qui a fonctionné pour moi a été:

$("#editUserForm").get(0).reset();

À l'aide de:

jquery-validate/1.16.0

jquery-validation-unobtrusive/3.2.6/