Comment appeler une fonction après de valider à l'aide de jquery plugin de validation

salut, je suis en utilisant jquery validation plugin

http://docs.jquery.com/Plugins/validation

je veux appeler une fonction après la validation d'un champ . comme cette.

j'ai un champ appelé de la ville

<input type="text" name="city" class="city" id="input_1">

je veux appel à une autre fonction après la validation de ce champ

c'est mon code

var x=jq("#contactinfo").validate({
    rules: {

        city: {
            required:{
                depends: function(){
                                return ((type == "Single Store & Venue") || (type == "Chain Store & Venue")|| (type == "Department Store"));
                         }
                    },
            minlength: 3,
            maxlength: 50                   
        },
   },

    messages: {

        city: {
            required: "Enter City",
            minlength: "min length 3"
        },
    }
});

si j'type de moins de 3 caractères . il me donne l'erreur

min longueur 3

si aucun des caractères dans l'entrée, il me donne l'erreur

Entrée De La Ville

je veux appel à une autre fonction après que, comme change_background_color()

function change_background_color() {

    $('.city').css('background-color','blue');

}

comment faire cela . s'il vous plaît aidez moi , j'ai essayé tellement dur et a échoué ........ grâce

Mise à JOUR

le réel problème est que j'ai une variable globale

var city_value = 0;

il est incréments de sets à 1 dans l'application .

je veux appeler une fonction quand il est à 1 ,je veux supprimer l'erreur messaege de city zone de saisie en appel d'une fonction lorsque city_value est 1 .

j'ai besoin d'une solution comme ce

    rules: {

        city: {
            required:true,
            minlength: 3,
            maxlength: 50                  
        },
         messages: {

        city: {
            required: "Enter City",
            minlength: "min length 3"
        },
    }
   },

je veux appeler une méthode après ce message d'erreur créé .

dans ma fonction de ce que je fais est

function remove_city_error(){

      if(city_value ==1){

        $('.city').next('.error').remove();
      }

c'est ce dont j'ai besoin . s'il vous plaît aider

}

OriginalL'auteur Kanishka Panamaldeniya | 2011-09-16

  1. 1

    De l'JQuery la validation.valider la Documentation.

    Voir le descriptif, les noms de variables:

    $(".selector").validate({
  highlight: function(element, errorClass, validClass) {
     $(element).addClass(errorClass).removeClass(validClass);
     $(element.form).find("label[for=" + element.id + "]").addClass(errorClass);
  },
  unhighlight: function(element, errorClass, validClass) {
     $(element).removeClass(errorClass).addClass(validClass);
     $(element.form).find("label[for=" + element.id + "]").removeClass(errorClass);
  },
  success: function(label) {
     label.addClass("valid").text("Ok!")
  }
});

    Porté à votre cas:

    $(".city").validate({
  /*highlight: function(element, errorClass, validClass) {
     $(element).css("background-color", "blue");
  },
  unhighlight: function(element, errorClass, validClass) {
     $(element).css("background-color", "");//default color
  },*/
  success: remove_city_error
});

    MODIFIER mise à jour de votre cas. J'ai gardé l'autre option à l'intérieur des balises de commentaires pour les autres lecteurs.

    l'affaire c'est que je veux supprimer le message d'erreur généré à partir de la validation . mais mettre en évidence travaille tout d'abord , je ne peux pas supprimer le message d'erreur , je veux une fonction à exécuter après la création de la message d'erreur
    Ce pétantes voulez-vous? Voulez-vous remplacer l'élément HTML du message d'erreur, éviter l'erreur de montrer, ou quelque chose d'autre? J'ai ajouté un iink à une documentation détaillée à ma réponse. Cliquez simplement sur ar l'onglet "Options".
    Rob W . Mis à JOUR mon code . veuillez vérifier que
    Mise à jour de ma réponse, résumé: $(".city").validate({success: remove_city_error});.
    en fait, je suis en train d'essayer de trouver une solution à ce , nous vous demandons de donner une réponse stackoverflow.com/questions/7416082/... . je vous remercie beaucoup pour l'aide

    OriginalL'auteur Rob W

  2. 0

    Vous pouvez modifier le css de la classe de l'élément du DOM via javascript.

    Assumming que votre formulaire a une id #myform et que vous souhaitez modifier la classe ".ville .message d'erreur" vous pouvez le faire:

    document.getElementById("myform").setAttribute("class", ".city .error");

    De plus en plus complexe de l'élément de structure (c'est à dire un identifiant et un grand nombre de classes à l'intérieur de), vous pouvez aller à travers la table des éléments et changer ce que vous avez besoin, comme ceci:

    var sec = document.getElementById("myform").getElementsByTagName("input");
for (var i = 0; i < sec.length; i++) {
    cs = sec[i].getAttribute("class"); /* get current class */
    sec[i].setAttribute("class", cs + '.error'); /* add class to existing */
}

    Vous obtenez l'image. Personnellement, je préfère un simple css de l'élément de structure.

    OriginalL'auteur flouris