jQuery Valider plugin choisir de manière dynamique erreur élément

Je suis en utilisant le Plugin jQuery Validation et je voudrais être en mesure de déterminer de manière dynamique le errorElement en fonction du type de l'élément qui a une erreur. Je sais que vous pouvez le errorElement comme suit:

$("form").validate({
    errorElement: "div"
});

Cependant, je voudrais être en mesure de le modifier, de sorte que si le type ont une case à cocher ou un bouton radio, puis j'ai pu faire la errorElement un li. Personne ne sait comment faire cela? Merci!

InformationsquelleAutor srchulo | 2013-03-04
  1. 8

    Je suis à la recherche d' le code dans le plugin et la errorElement option est simplement à la recherche d'un élément comme paramètre. Puisqu'il n'existe aucune fonction de rappel pour errorElement, je ne vois pas de moyen direct d'obtenir ce que vous demandez, sans modifier le plugin lui-même.

    Peut-être que vous pourriez faire quelque chose avec la errorPlacement rappel de la place.

    Disons qu'il suffit de laisser un label, puis les envelopper dans un autre récipient? Ou utiliser errorElement de les mettre tous à l'intérieur d'un <span>, tout en utilisant errorPlacement à wrap dynamiquement dans quel conteneur. Voir jQuery .wrap().

        errorElement: 'span',
    errorPlacement: function (error, element) {
        var type = $(element).attr("type");
        if (type === "radio") {
            //custom placement
            error.insertAfter(element).wrap('<li/>');
        } else if (type === "checkbox") {
            //custom placement
            error.insertAfter(element).wrap('<li/>');
        } else {
            error.insertAfter(element).wrap('<div/>');
        }
    },

    DÉMO: http://jsfiddle.net/uLH4f/

    • Wow. Super réponse! Merci 🙂
    • Vous êtes les bienvenus.
    InformationsquelleAutor Sparky