Message d'Erreur personnalisé Texte avec Jquery Valider Plugin

Besoin de copier le message d'erreur Personnalisé du texte à partir d'une période où le texte est à venir à partir de CMS. Il est fondamentalement un besoin de montrer une coutume localisée message d'erreur.

Code fonctionne lorsque vous soumettez le formulaire, mais dès que vous cliquez à l'extérieur, le message par défaut de remplacer le personnalisé.

http://jsfiddle.net/2nV5u/16/

HTML

<form name="form-core" id="form-core" method="post" action="" role="search"  novalidate="novalidate">
      <label for="keywords">Hello</label>
      <input type="text" id="keyword" name="keyword" class="required" />
      <span class="error-message-required">Ce champ est obligatoire</span>
      <input type="submit" /><input class="cancel" type="submit" value="Reset" />         
</form>

 $('#form-core').validate({
            debug: false,
            onfocusout: function (element) { jQuery(element).valid() },
            errorElement: "div",
            errorPlacement: function (error, element) {
                jQuery('div[for=' + error.attr('for') + ']').remove();
                    error.text($(element).next('.error-message-required').text());
                    error.insertBefore(element);
                }                
        });

Essayez de supprimer ces lignes de JS jQuery(élément).valide()
essayé, mais ensuite, lorsque vous entrez un caractère et supprimez-le de nouveau. Dafult texte du message d'erreur vient de nouveau de l'image
Veuillez supprimer message d'erreur à partir du modèle de la propriété.
il n'y a rien de mal avec jQuery(element).valid() à l'intérieur de son onfocusout fonction de rappel. Il s'agit simplement de déclenchement instantané de validation sur l'objet avant de le soumettre bouton pour l'activer.
stackoverflow.com/questions/16681406/...

InformationsquelleAutor Lokesh Yadav | 2013-04-11

jquery jquery-validate

8

Il ne fonctionne pas de la manière que vous souhaitez parce que la errorPlacement fonction de rappel n'est pas lancé à chaque erreur. C'est seulement tiré sur la première occurrence de l'erreur, puis automatiquement le plugin affiche/masque la nouvelle erreur élément qui il créé par lui-même.

1) je pense que vous êtes en rendant les choses plus compliquées qu'elles ne devraient l'être. Il suffit de spécifier votre message d'erreur personnalisé à l'intérieur de la .validate() fonction d'initialisation. Supprimer la <span></span> à partir de votre code HTML/CMS et de laisser le plugin poignée-ce la façon dont il a été conçu.
```
messages: {
    keyword: {
        required: "Ce champ est obligatoire"
    }
}
```
2) Encore une fois, laissez-le plugin faire son travail. Changer votre errorPlacement fonction de callback à ceci:
```
errorPlacement: function (error, element) {
    error.insertBefore(element);
}
```
3) Changer votre bouton de réinitialisation pour type="reset", de sorte qu'il n'est pas de la soumission du formulaire:
```
<input class="cancel" type="reset" value="Reset" />
```
De travail de DÉMONSTRATION: http://jsfiddle.net/wQaYw/

jQuery:
```
$(document).ready(function () {

    $('#form-core').validate({
        messages: {
            keyword: {
                required: "Ce champ est obligatoire"
            }
        },
        onfocusout: function (element) {
            jQuery(element).valid()
        },
        errorElement: "div",
        errorPlacement: function (error, element) {
            error.insertBefore(element);
        }
    });

});
```
MODIFIER:

Si, pour quelque raison que ce soit, vous ne pouvez pas supprimer le span de votre CMS et de déclarer les messages personnalisés à l'intérieur de .validate(), vous avez une autre option.

Utiliser le built-in règles('ajouter') méthode de modifier dynamiquement la valeur par défaut des messages pour chaque input[type="text"], avec un required règle, sur l'ensemble du formulaire comme suit. (Cependant, avec cette méthode, vous doit fournir un message personnalisé pour chacun de ces éléments, car cela permettra d'emporter tous.)
```
$('#form-core input[type="text"]').each(function () {
    $(this).rules('add', {
        messages: {
            required: $(this).next('.error-message-required').text()
        }
    });
});
```
après cette...
```
$('#form-core').validate({
    onfocusout: function (element) {
        jQuery(element).valid()
    },
    errorElement: "div",
    errorPlacement: function (error, element) {
        error.insertBefore(element);
    }
});
```
De travail de DÉMONSTRATION: http://jsfiddle.net/6Vzdz/
- merci une tonne @Sparky ! construit-dans les règles d'options est à la recherche comme un parfait remplissage pour mon problème. Ce que j'ai aussi essayé de capturer l'validate().les paramètres de l'objet et d'étendre l'objet des messages à la volée. Va faire plus de mises à jour après avoir terminé les tâches du projet.
InformationsquelleAutor Sparky

Vous devez vous connecter pour publier un commentaire.