jquery valider plugin sur une dynamique d'entrées d'un formulaire ne fonctionne pas

J'ai un formulaire où je vais avoir certains domaines, et ensuite, si nécessaire, l'utilisateur peut ajouter d'autres champs de même type. Im en utilisant http://jqueryvalidation.org/valider plugin pour valider les champs.

Comme je l'ai lu quelque part jquery valider plugin nécessite des noms uniques pour les champs pour valider. Je suis donc de nommer chaque domaine unique. D'abord j'espère que valider le plugin va prendre soin de l'ajouter dynamiquement des éléments de validation si j'ai ajouter des règles à l'aide de classes. Mais il s'avère qu'il ne l'est pas.

Donc, même si le nom de chaque champ est unique, valider plugin ne valide que la première entrée qui a été rendue au départ.

J'ai même essayé d'utiliser $.clone() dans l'espoir que ça va prendre soin de toutes les liaisons d'événements. Mais ça n'a pas fonctionné pour moi. J'ai donc déménagé à souligner répéter l'annotation comme il existe un certain nombre de domaines, et je ne veux pas écrire de modèles en JS et le nom en conséquence.

Je ne peux pas trouver une solution à cela et coincé ici. Peut pas plus sur jusqu'à ce que ce problème est résolu.

Voici JS que j'ai écrit.

$("#work_form").validate();

$(".work_emp_name").rules("add", {
    required: true
});

_.templateSettings.variable = "element";
var tpl = _.template($("#form_tpl").html());

var counter = 1;

$("form").on("click", ".add_employer", function (e) {
    e.preventDefault();
    var tplData = {
        i: counter
    };
    $("#word_exp_area").append(tpl(tplData));
    counter += 1;
});

Vous trouverez les marques dans le violon configurer.

exemple de code et de mettre en place ici

Mais la validation dans l'exemple que vous avez le don n'est pas de travail.
il ne fonctionne pas.
il fonctionne bien sur la Première mais lorsque le nouvel employeur est ajouté et que vous l'enregistrez sans remplir le un autre employé, il enregistrer les données
veuillez consulter la réponse à ce que vous dites était le problème pour lequel j'avais besoin de la solution.

OriginalL'auteur SachinGutte | 2013-12-13

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *