Validation d'un champ contenu dans un tableau

Version imprimable

13/07/2010, 17h47
alpha232

Validation d'un champ contenu dans un tableau

Bonjour à tous,
J'ai une page php qui me renvoie un tableau, avec plusieurs colonnes dont une contenant un champs prix[], pour permettre la modification de cette valeur.
Je voudrais mettre en place une validation js pour ce champ quand on le quitte.
Dès lors, comment peut-on déterminer Le champ sur lequel on se trouve pour faire la vérification?

Alpha.

Bonjour,
passe le champ en paramètre:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
var verif = function(field) {
  var val = field.value;
  if(isNaN(val )) {
    alert("le prix est invalide") ;
    field.focus();
  } else if(parseInt(val ) < 0) {
    alert("le prix ne peut pas être < à 0") ;
    field.focus();
  }
}
//...
<input type="text" name="prix" onblur="verif(this)"/>
<input type="text" name="prix" onblur="verif(this)"/>
<input type="text" name="prix" onblur="verif(this)"/>

14/07/2010, 00h21
alpha232

Merci pour cette réponse rapide :ccool:
Pour mettre la ligne du tableau correspondant dans une autre couleur, même question, comment fait-on pour trouver la bonne ligne sous js?

Merci.
Alpha.
14/07/2010, 07h28
vermine

Bonjour,

Par exemple vous pourriez reparcourir le tableau jusqu'à trouver le champ. A ce moment-là vous connaissez l'indice de la ligne.
Ou bien lors de la création du tableau, vous renseignez l'indice de la ligne dans le champ (un attribut ? une partie d'id ? ... ?) et si vous avez le champ, vous avez d'office sa ligne (pour peu que le tableau ne bouge plus en nombre de lignes).
Voire encore prendre le deuxième parent du champ car le premier parent est la cellule, le second est la ligne (sauf si le champ est dans un troisième parent, mais bref, c'est le même principe).
14/07/2010, 14h28
alpha232

En fait, un de mes soucis, c'est que j'ajoute de maniere dynamique, les nouveaux enregistements en tête du tableau donc, la position de la ligne est susceptible de changer à chaque enreg. Peut-on donner un id à ligne du style 'row.id ="blabla"'?
Bien à vous.
alpha.
14/07/2010, 14h43
vermine

Un id peut-être pas. Un attribut, oui.
Et la version de récupérer le parent ?
15/07/2010, 14h30
alpha232

Récuperer les parents du champs ou (plutot ici, les grand-parents, c-a-d la ligne)c'est une bonne idée, mais comment fait-on?Je suppose que c'est une fonction dom?
Merci.
Alpha.
15/07/2010, 14h39
vermine
Code:

1 2 var parent = enfant.parentNode;
Je vous laisse chercher le grand-parent avec cette information. ;)
15/07/2010, 22h56
alpha232

youpi ça marche ....
J'ai réussi à récupérer le grand-père :P
Je voudrais récupérer une valeur qui se trouve dans une autre cellule sur la même ligne, contenue dans un champ caché, mais je m'emmêle un peu les pinceaux avec les child?
Merci pour votre aide.
Alpha.
16/07/2010, 07h25
vermine
Et bien si l'élément caché est réellement au même niveau que le premier input, vous pouvez retourner chez le père (<td>) et ensuite faire un getElementById() si vous connaissez l'id. Mais je ne pense pas que vous le connaissiez. Vous pouvez jouer (dangereux) avec la position des champs. Si le hidden est le premier champ, ou bien si c'est le second, etc. Vous pouvez parcourir les enfants du père et vous arrêter au ième. :aie:
Si par contre, c'est votre seul champ hidden, vous allez au père, vous parcourez ses enfants et vous testez le type:
Code:

1 2 3 if(enfant.type == "hidden") //Youpppiiiiie dansons la cariiooooocaaaaa
17/07/2010, 22h20
alpha232

cela a bien fonctionné .....
Je me suis dit , "la colonne 7 contient le champ dont je veux récupérer la valeur et bingo, le child [6] contenait le champ en question", sous internet explorer, mais sous firefox, j'ai du aller jusqu'au child[15] car apparemment, il a trouvé 23 elements ds ma ligne , donc plus de 10 colonnes.........., grrr la compatibilité entre navigateurs..... !!! ;))):P

Un grand Merci pour toutes ces infos , Vermine, elles m'ont vraiment aidé ...

Alpha.