jQuery de Validation de la Fonction de Rappel

J'ai actuellement un formulaire dans une lightbox image sur ma page web. Lorsqu'un utilisateur soumet le formulaire avec des données non valides, une div qui s'affiche avec une liste des erreurs de forme au sommet de la forme. Le problème est: j'ai besoin d'une sorte de jQuery validation de rappel pour redimensionner la lightbox après les erreurs div s'affiche. Autant que je sache, il n'y a aucun moyen de le faire avec jQuery lightbox.

  • Voulez-vous dire une lightbox iframe? Êtes-vous de la validation du formulaire à l'aide d'un plugin ou votre propre écriture?
InformationsquelleAutor Vincent Catalano | 2011-06-03
  1. 19

    de vous fournir les invalides fonction de rappel que vous pouvez trouver documenté ici, comme 

    $(".selector").validate({
    invalidHandler: function(form, validator) {
        var errors = validator.numberOfInvalids();
        if (errors) {
            //resize code goes here
        }
    }
})
    • Je suppose qu'il n'a pas eu lieu pour moi de gérer toutes les erreurs d'affichage et placement au sein de la invalidHandler fonction. Merci!
    • votre accueil heureux de vous aider
    • comment voulez-vous joindre ce gestionnaire d'après le .validate a déjà été initialisé/a appelé?
    InformationsquelleAutor mcgrailm
  2. 3

    Alternativement, vous pouvez utiliser le errorPlacement fonction de rappel dans le but d'agir sur l'élément spécifique que l'échec de la validation. Par exemple, le code ci-dessous utilise la errorPlacement de rappel pour définir la classe de chaque formulaire non valide élément parent de la balise div en "erreur" et supprime le "erreur" de la classe, une fois l'élément passe de validation :

    form.validate({
        rules: {
            Name: {
                required: true
            },
            Email: {
                required: true
                , regex: "^[0-9a-zA-Z.+_\-]+@{1}[0-9a-zA-Z.+_\-]+\\.+[a-zA-Z]{2,4}$"
            }
        },
        messages: {
            Name: {
                required: "Please give us your name"
            },
            Email: {
                regex: "Please enter a valid email address"
            }
        },

        errorPlacement: function(error, element) {
            element.parent().addClass("error");
        },

        success: function(element) {
            $("#" + element.attr("for")).parent().removeClass("error");
        }
    });
    InformationsquelleAutor Sebastian G