Comment faire pour utiliser jQuery, à distance, de valider un champ qui dépend d'un autre champ dans le formulaire?

J'ai un formulaire dans lequel je suis à l'aide de validation à distance pour vérifier si une adresse e-mail existe déjà dans la base de données. Cependant, le hic, c'est que sur ce formulaire, l'utilisateur peut choisir entre plusieurs "groupes", et chaque groupe a son propre ensemble d'adresses e-mail (donc le même e-mail peut exister une fois dans chaque groupe).

La sélection de groupe est une liste déroulante sur la forme, et l'adresse e-mail est un champ de saisie avec de validation à distance. J'ai quelques questions. Tout d'abord, j'ai mis en place ma télécommande de la règle comme ceci:

remote: {
    url: 'remote_script.php',
    data: {  group_id:  $('select.group_id').val() }
}

Toutefois, cela semble statiquement définir le group_id paramètre à ce que la première valeur du select. Sens, si je change le sélectionner, puis de déclencher la validation à distance à nouveau, le group_id paramètre ne change pas

Tout d'abord, comment puis-je faire de ce paramètre dynamique, en fonction de la valeur d'un select dans le formulaire?

Deuxièmement, comment puis-je déclencher manuellement la validation à distance sur le champ adresse e-mail? Lorsque le group_id select est changé, je veux re-déclencher la validation à distance sur le champ adresse e-mail (sans changer la valeur du champ). J'ai essayé d'utiliser

$(selector).validate().element('.email_addr')

Mais il semble que ce déclencheur de la norme de validation (obligatoire, e-mail), et non pas l'appel distant.

  • appréciez le modifier, mais je pense que la deuxième partie du titre est en fait la partie la plus difficile à comprendre! Je pense à des fins de recherche ayant une référence dans le titre, ce serait plus utile. Rétrospectivement, j'aurais fait deux questions, mais c'était il y a cinq ans...
InformationsquelleAutor Kevin Jhangiani | 2010-04-26
  1. 37

    Trouvé la solution à la deuxième partie de ma question:

     $(".email_addr").removeData("previousValue");

    va supprimer le cache de la demande à distance, et permettent à la demande à distance pour être déclenché de nouveau, à l'aide de .element().

    Donc mon code est comme suit:

    $("select.group_id").change(function() {
    $(".email_addr").removeData("previousValue"); //clear cache when changing group
    $("#customer_form").data('validator').element('.email_addr'); //retrigger remote call
    //my validator is stored in .data() on the form
});

    Solution a été trouvée ici: solution

    La première partie de ma question a été répondue à l'origine par @Jeffery À

    Tout ce qui doit être fait est de changer la valeur du paramètre à une fonction, plutôt que de juste valeur. Jeffery exemple est copié ci-dessous pour les futurs googlers:

    remote: {
  url: 'remote_script.php',
  data: {
    group_id: function () {
        return $('select.group_id').val();
    }
  }
}
    • Ce qui m'a aidé 🙂
    • cela ne semble pas fonctionner pour moi: stackoverflow.com/questions/11479383/...
    • de plus, d'où vient le 'validator sélecteur de venir? voir ma question dans le commentaire ci-dessus.
    • le validateur sélecteur est juste quelque chose que j'ai fait pour des raisons de commodité. J'instancie le validateur comme suit: v = $('#form").valider({ ... });, puis je viens de magasin de v dans les données sur le formulaire, afin que je puisse y accéder plus tard.
    • Ce sans-papiers removeData méthode a sauvé ma vie !
    InformationsquelleAutor Kevin Jhangiani
  2. 8

    De la deuxième exemple à distance, il ressemble à fonctions (évaluée au cours de validation) peut être utilisé pour les données, de sorte

    remote: {
  url: 'remote_script.php',
  data: {
    group_id: function () {
        return $('select.group_id').val();
    }
  }
}

    devrait fonctionner.

    Pour votre deuxième question, avez-vous essayer de passer les règles de validation de validate()?

    • Oui, vous avez raison, qui travaille pour la dynamique de données. - Je retourner l'original du programme de validation de la .valider() l'appel, puis faire quelque chose comme v. element('.email_addr'), mais je n'arrive pas à obtenir que cela fonctionne. Savez-vous si .element() ne sera jamais déclencher un appel à distance?
    • Tant pis, j'ai tout compris, j'avais une erreur dans mon sélecteur. .element() N'prolonger l'appel distant, juste besoin de l'original de l'objet validateur, qui, rétrospectivement, prend tout son sens.
    • Hmm, sur d'autres tests, il semble que la 2ème partie de la question n'est toujours pas résolue, ne semblent déclencher l'appel à distance sur un même champ. Marquera cette question complète et demander séparément. Merci
    • J'ai dû ajouter async: false dans la télécommande options dans l'ordre pour que cela fonctionne pour moi.
    • avez-vous jamais comprendre cela? Je vais avoir les mêmes problèmes - je peux en faire plusieurs appels à distance, à moins que le champ revient aussi valable - dans ce cas, il ne fait jamais appel à distance à nouveau si le champ est modifié.
    • Ouais, voir mes accepté la réponse ci-dessus. La clé est d'appeler ceci: $(".email_addr").removeData("previousValue"); sur le champ en question - après la suppression de ces données, l'appel distant ré-exécuter
    • désolé je viens de voir vos autres commentaires maintenant, je suis à la lecture et à la recherche en elle...le code que j'utilise ci-dessus fonctionne pour moi, si c'est possible, le validateur bibliothèque js a été mis à jour depuis (je n'ai pas mis à jour depuis le temps de cette question)

    InformationsquelleAutor Jeffery To