À l'aide de jQuery Valider la invalidHandler événement

J'ai besoin d'ajouter une classe à la div qui est enroulé autour de l'élément select lors de la validation.

$("#Form").validate({
    invalidHandler: function (form, validator) {
        $("[id$='_DropDownList']").each(function () {
            //How do I figure out if $(this) is valid or invalid?
            //Add the class below if invalid.
            $(this).parent().addClass("error");
        });
    }
});
InformationsquelleAutor mhenry | 2011-01-06
  1. 6

    Vous pouvez utiliser le .valide() méthode, comme ceci:

    $("#Form").validate({
    invalidHandler: function (form, validator) {
        $("[id$='_DropDownList']").each(function () {
            if(!$(this).valid())
              $(this).parent().addClass("error");
        });
    }
});

    Cependant, la mettre en surbrillance et unhightlight options sont spécifiquement pour cette:

    $("#Form").validate({
  highlight: function(element, errorClass, validClass) {
    $(element).parent().removeClass(validClass).addClass(errorClass);
  },
  unhighlight: function(element, errorClass, validClass) {
    $(element).parent().removeClass(errorClass).addClass(validClass);
  }
});
    InformationsquelleAutor Nick Craver
  2. 0

    Il semble que ce code est correct:

    $(this).parent().addClass("error");

    Peut-être que votre problème est avec le code qui l'entoure... Essayez de déplacer votre addClass ligne en dehors de la fonction, il est à voir si elle y travailler.

    InformationsquelleAutor timharris777
  3. 0

    invalidHandler n'est appelée que lorsque le formulaire est soumis et non valide. Je crois que l'ajout de votre code sous cette seule fonction est assez.

    InformationsquelleAutor Trouble Zero