Jquery validation des messages d'erreur ne sont pas cacher, pourquoi

Je suis à l'aide de jquery validation et jquery discrète validation des plugins. Je suis en train d'essayer de masquer le message d'erreur, mais le message d'erreur ne sont pas cacher. J'ai créé un js fiddle:

Violon Lien

Voici le code que j'ai utilisé dans le violon:

Html

<form id="form">
    Name:
    <input data-val="true" data-val-length="The field First Name must be a string with a minimum length of 3 and a maximum length of 15." data-val-length-max="15" data-val-length-min="3" name="FirstName" type="text" />
    <span class="field-validation-valid help-block" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>
</form>
<button id="hide">Hide</button>

Cacher

$("#hide").click(function(){
   $("#form").data("validator").hideErrors();
});

Ce que je suis en manque ici et pourquoi hideErrors() la fonction ne sont pas de travail ??

Modifier

Je ne sais pas pourquoi vous les gars ne sont pas en gardant jquery discrète de validation à l'esprit tout en donnant des réponses. Presque toutes les réponses sont juste en se concentrant sur la façon de masquer les messages d'erreur sans se soucier de la fonctionnalité existante qui pourrait être casser si on se contente de masquer le message. - Je déjà dit que je veux la réponse de

Pourquoi hideErrors fonction() de jquery objet validateur n'est pas de travail ?

J'ai également créé un la plus simple possible violon qui témoignent de mon problème, cochez cette.

Nous comprenons tous ce que votre problème est, mais le jQuery, le validateur n'est pas développé pour masquer les messages d'un clic. C'est très peu convivial parce que vous ne pouvez pas voir ce que vous faites mal et beaucoup d'utilisateurs pensent que le site ne fonctionne pas. C'est pourquoi. Donc, je pense, il n'y a pas de véritable méthode pour masquer les messages(voir la documentation, la hideErrors() est appelé dans la resetForm)

OriginalL'auteur user1740381 | 2014-02-24

4

Si vous souhaitez masquer les messages d'erreur de validation, que vous devez utiliser resetForm fonction au lieu de hideErrors fonction. Comme d'autres mentionnés dans leurs réponses, resetForm interne appelle hideErrors fonction.

Mais voici le twist arrive, quand vous essayez de l'utiliser resetForm fonction, il ne fonctionnera pas à cause de la façon jquery.valider.discrète plugin fonctionne.

jquery.valider.discrète plugin remplacer la errorClass et errorElement propriété de jquery.valider plugin.

De jquery.valider.discrète plugin Ligne de code-109
```
    .... 
    if (!result) {
        result = {
            options: {  
                errorClass: "input-validation-error",
                errorElement: "span",
                errorPlacement: $.proxy(onError, form),
    ...
```
Ainsi, lorsque vous appelez resetForm fonction de sur le programme de validation de l'objet, jquery.valider plugin ne peut pas trouver d'erreur étiquettes pour supprimer les message d'erreur de validation ne seront pas les supprimer.

Maintenant, vous avez deux options pour supprimer les messages d'erreur:

Option - 1

Vous pouvez modifier jquery.valider.discrète plugin code et remplacer errorClass et errorElement valeurs avec les valeurs suivantes:
```
    errorClass: "error",
    errorElement: "label",
```
Ce sont les valeurs par défaut, qui jquery.valider plugin.

Option - 2

Vous pouvez écrire votre propre code qui fera l'affaire et, par ce moyen, vous n'avez pas à modifier le code du plugin. Voici le code que vous pouvez utiliser avec de petites modifications mentionnées ci-dessous:
```
        //get the form 
        var form = $("#formId");

        //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)); })

        //this is optional, only needed if you defined 
        //custom unhighlight function  
        if (validator.settings.unhighlight) {
            for (i = 0, elements = validator.invalidElements() ; elements[i]; i++) {
                validator.settings.unhighlight.call(validator, elements[i], validator.settings.errorClass, validator.settings.validClass);
            }
        }
```
merci, exactement ce que je cherchais
Essayer de mieux comprendre comment il fonctionne. Pourquoi devez-vous "truc discret à penser que les éléments ont été validés" en opposition à la suppression de l'erreur des éléments du DOM? J'ai essayé $("myform").supprimer(".terrain à une erreur de validation") et d'une certaine façon les messages d'erreur restent.

OriginalL'auteur Gaurav
2

Vous pouvez utiliser $(".help-block").toggle(); ou $(".help-block").hide(); pour résoudre ce problème.

http://jsbin.com/leyacefi/10/edit?html,js,sortie

J'ai fait une solution de contournement. Vérifier si les adapter à vos besoins:
```
$("#hide").click(function(){
    $(".help-block").hide();
});

$('#form').keyup(function(){
  $(".help-block").show();
});
```
http://jsbin.com/leyacefi/11/

Pour répondre à votre question:

La fonction hideErrors appelle this.addWrapper( this.toHide ).hide(); de sorte qu'il s'exécute en premier la fonction addWrapper qui renvoie le contexte et après c'est l'appel de la hide fonction. La fonction hide appelle la showHide fonction et de la paramets est elements. elements.length sera de 0 et, par conséquent, il n'atteindra jamais jusqu'à la elem.style.display = show ? values[ index ] || "" : "none"; où le CSS. Ainsi, la propriété ne changera jamais.

Après avoir cliqué sur le bouton masquer les messages cacher, mais il n'est pas en montrant à nouveau une fausse entrée et j'attends des réponses de la question de savoir POURQUOI hideErrors() la FONCTION ne SONT PAS de TRAVAIL ?
Vous devez être clair et placez-la dans votre question. Au moment où vous demandez comment faire pour les cacher et c'est ce que je vous ai montré 🙂

OriginalL'auteur GuyT
1

Je vous recommande de lire la documentation avant d'utiliser un plugin.
Si vous voyez le validateur plugin de la documentation, il est clairement mentionné que
```
    Validator

The validate method returns a Validator object that has a few public methods that you can  use to trigger validation programmatically or change the contents of the form. The validator object has more methods, but only those documented here are intended for usage
```
La méthode .hideErrors() n'est pas répertoriée dans la documentation. Donc, selon la documentation, vous ne devriez pas l'utiliser.

Mais en javascript(vous pouvez dire jquery) nombreux sont possibles. Donc, même si ils ne vous permettent de l'appeler sur un objet jquery, vous pouvez l'appeler sur les DOM .

Simplement l'utiliser comme ça.
```
   $("#hide").click(function(){
   $("#form").data("validator")[0].hideErrors();
});
```
J'ai déjà lu la documentation, et BTW, votre solution ne fonctionne pas, vous pouvez le tester dans mon violon que j'ai Lié avec la question
Son travail dans ma région, pouvez-vous vérifier dans votre local..?
Je ne sais pas quoi faire de vous des moyens en locaux, mais vérifiez ce violon jsbin.com/leyacefi/12/edit , votre solution ne fonctionne pas
Les moyens locaux: copier et coller le code dans un fichier bloc-notes et enregistrer en tant que .html et en l'exécutant à partir du navigateur. Et votre exigence, vous ne voulez pas les messages d'erreur à afficher sur l'entrée de moins de 3 caractères ou plus de 15 caractères, ai-je raison? Si tel est votre besoin, vous pouvez l'essayer dans votre local, avec et sans [0]

OriginalL'auteur venugopal

Votre code devrait ressembler à ceci:

$(document).ready(function() { 
        $("#hide").click(function(){ 
            $("span.help-block").hide();
        }); 

});

OriginalL'auteur Adel

Vous devez vous connecter pour publier un commentaire.