Bonjour,
J'ai un tableau html qui contient des enregistrements dont voici la ligne à tester :
<td><input type='text' name='qte' id='qte' value='' /></td>
Pour chaque input 'qte' générés en fonctions du nombre d'enregistrement retourné par une requête, je dois tester la valeur saisie. Pour ce faire j'utilise un événement qui lance une requête Ajax et teste la valeur renvoyée.
L'événement teste bien le 1er input mais pas les autres quand l'événement se déclenche.
Je n'ai pas trouvé comment dire à Jquery : tu testes n'importe quel input 'qte' chaque fois que l' événement se déclenche.
var qt = $("input[name='qte']").val(); La ligne qui pose problème.
Jquery :
Html :
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
24
25
26
27
28
29
30
31 $("document").ready(function() { $("#tderreur").css({"visibility": "hidden"}); $("#qte").bind('mouseout', function() { var qt = $("input[name='qte']").val(); var rf = $("#ref").val(); $.get("test.php", { qte:qt }, function(data){ if(qt!=""){ if(data<0) { alert("La quantité saisie est supérieure à la quantité disponible !"); $("#erreur").html("<img id='imger' src='../images/erreur.png' title='La quantité saisie est supérieure à la quantité disponible'>"); $("#tderreur").css({"visibility": "visible"}); $("#qte").css({"border": "1px solid red"}); } else{ $("#imger").remove(); $("#tderreur").css({"visibility": "hidden"}); $("#qte").css({"border": ""}); } } else{ $("#imger").remove(); $("#tderreur").css({"visibility": "hidden"}); $("#qte").css({"border": ""}); } }); } ); });
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 <body> <table border="1"> <tr> <th>Réf</th> <th>Libellé</th> <th>Stock</th> <th>Qte</th> </tr> <?php while($tabInfo = mysql_fetch_array($info)) { echo "<tr>"; echo "<td>".$tabInfo['reference']."</td>"; echo "<td>".$tabInfo['libelle']."</td>"; echo "<td>".$tabInfo['stock']."</td>"; echo "<td><input type='text' name='qte' id='qte' value='' /></td>"; echo "<td id='tderreur'><div id='erreur'></div></td>"; echo "</tr>"; } ?> </table>
Partager