jQuery de validation de formulaire: Définir un conteneur pour les erreurs

J'utilise le plugin jQuery validation, afin de valider mon formulaire. Il fonctionne (lieux les messages d'erreur, à côté de l'entrée non valide, qui vis mon modèle), mais j'aimerais préciser l'erreur-conteneur pour chaque champ d'entrée. J'ai trouvé le errorLabelContainer, mais cela met toutes les erreurs dans un récipient.

Disons, j'ai 2 entrées, l'une avec l'id name et une avec firstname. Et supposons aussi que j'ai 2 erreur s'étend, avec des id errorName et errorFirstname. Comment dois-je dire à jQuery pour écrire l'erreur de validation pour name dans la durée avec l'id errorName.

C'est mon jQuery:

$("#form").validate({
    errorLabelContainer: "#errors",
        rules: {
            name: {
                required: true
            },
            firstname: {
                required: true
            }
        },
        messages: {
            name: {
                required: "Enter name"
            },
            firstname: {
                required: "Enter firstname"
            }
        }
    })

OriginalL'auteur Ahatius | 2012-05-23

  1. 12

    Je pense que le errorPlacement option adaptée à vos besoins:

    Personnaliser le placement de la création d'erreur étiquettes. Premier argument: La création d'erreur de l'étiquette comme un objet jQuery. Deuxième argument: L'élément non valide comme un objet jQuery.

    Vous pouvez déterminer l'élément que vous souhaitez à la place de l'erreur en fonction de l'élément non valide:

    $("#form").validate({
    rules: {
        name: {
            required: true
        },
        firstname: {
            required: true
        }
    },
    messages: {
        name: {
            required: "Enter name"
        },
        firstname: {
            required: "Enter firstname"
        }
    },
    errorPlacement: function ($error, $element) {
        var name = $element.attr("name");

        $("#error" + name).append($error);
    }
});

    Exemple: http://jsfiddle.net/R3aEQ/

    C'est exactement ce que je voulais, merci beaucoup 🙂
    pouvez-vous faire cela de sorte qu'il est différent à différentes étapes de l'assistant? Comment voulez-vous changer dynamiquement errorPlacement?
    Vous pourriez avoir errorPlacement appeler une fonction qui appartient à une étape du flux de production. Cela dépend vraiment de la façon dont votre flux de travail est structuré de la même si

    OriginalL'auteur Andrew Whitaker