Bonjour à tous
Je voudrais vérifier si un champ est vide ou pas en JQuery. Ca j'arrive à le faire mais j'ai un souci sur un champ créé dynamiquement, ça ne marche pas.
Le principe : j'ai 2 champs input texte de réference de base. Lorsque je clique sur une image, je fais une copie de ma ligne <tr> et je l'insère juste en dessous.
Alors j'ai mis en test une alerte js. Les 2 premiers champs de référence fonctionne bien et j'ai bien l'alerte en clique dedans mais bizarrement pas ceux créé dynamiquement.
Alors voici le code cela parlera mieux :
Et le JS qui gère la création d'une nouvelle ligne et qui marche parfaitement :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 <table id="crealstTblMots"> <tr class="crealstReference"> <td align="center"> <input name="crealstmotorig" class="crealstmotnew" type="text" size="20" value="" /> </td> <td align="center"> <input name="crealstmottrad" class="crealstmotnew" type="text" size="20" value="" /> </td> <td align="left"> <img alt="removeline" src="img/remove.png" class="crealstremoveline" style="visibility: hidden" /> </td> </tr> <tr id="endAddInput"></tr> </table>
Mais voilà dans un autre js, je gère si le champ est vide et cela marche que pour ma ligne de référence :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23 $(function(){ $("#crealstaddline").click(function(){ var NewInput = $('table#crealstTblMots tr:eq(2)').clone(); NewInput.insertBefore("tr#endAddInput").hide(); NewInput.find("td").each(function(){ $(this).find("img").attr("style", "visibility: visible;"); $(this).find("input[type=text]").val(""); $(".crealstremoveline").click(function(){ varLine = $(this).parent("td").parent("tr"); varLine.remove(); }); }); NewInput.fadeIn(1000); }); $("#crealsttheme").change(function(){ if(this.value == "crealstthemeadd"){ $("#crealstnewtheme").fadeIn(); }else{ $("#crealstnewtheme").fadeOut(); } }); });
Je voudrais juste afficher l'alerte test que ce soit n'importe quel champ.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 ... $(".crealstmotnew").click(function(){ //if($(this).val()==""){ if($("input[name=crealstmotorig]").val()==''){ alert('test'); } //} }); ...
Merci par avance si vous avez une idée
Stéphane
Partager