[Résolu] Vérification en javascript d'un tableau dynamique en PHP

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Résolu] Vérification en javascript d'un tableau dynamique en PHP

johnson951

Bonjour,

Voici ma configuration, je possede deux pages :
la premiere qui contient uniquement un champ de texte pour inserer le nombre de ligne que désire avoir l'utilisateur

Code :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans titre</title>
</head>
<body>
<form name="form1" method="post" action="test1.php">
Nombre de ligne<input type="text" name="nbr"><BR>
<input type="submit" name="Submit" value="Envoyer">
</form>
</body>

Puis une seconde qui crée dynamique un tableau avec 2 colonne et n lignes (selon la valeur que l'utlisateur a inseré dans la page précédente l'utilisateur)

Code :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans titre</title>
</head>
<body>
<form name="form1" method="post" action="test2.php">
<?php
for ($i=0;$i<$nbr;$i++){
?>
<tr>
<td width="84" height="47"><div>
<?php
echo "<input name='num".$i."' type='text'>";
?>
</div></td>
<td width="169"><div>
<?php
echo "<input name='nom".$i."' type='text'>";
?>
</div></td>
<?php
}
?>
<p>
<input type="button" name="button" value="Retour" onclick="history.go(-1)">
<input name="Submit" type="submit" value="Envoyer" onSubmit="return validation();>
</p>
</form>
</body>
</html>

En fait ce que j'aimerais faire maintenant c'est lors de l'appui sur le bouton envoyer de vérifier par javascript si l'ensemble des cases sont remplies.

J'ai donc fait une petite fonction en javascript que j'appel lorsque je clique sur envoyer

Code :

<script language="javascript" type="text/javascript">
function validation()
{
var test = 0;
if(document.form1.???.value == "" )
{
document.form1.???.style.background = "red";
document.form1.???.focus();
test ++;
}
else document.form1.???.style.background = "white";
if (test > 0) return false;
else return true;
}
</script>

Le probleme avec le javascript est qu'il faut le nom de la case or dans mon cas mes cases se nomme num0, num1...
Or pour verifier il faut ecrire document.form1.nom0.value == ""

j'aimerais donc pouvoir remplacer nom0 par quelque chose comme nom.i afin de rentré cela dans une boucle et faire une vérification avec une boucle uniquement comme ceci :

var test = 0;
for (i=0;i<nbr;i++){
if(document.form1.nom(i).value == "" )
{
document.form1.nom(i).style.background = "red";
document.form1.nom(i).focus();
test ++;
}
else document.form1.nom(i).style.background = "white";

if (test > 0) return false;
else return true;
}

Est ce possible ?
Ou avez vous une autre solution ?

Merci de votre aide !
Johnson

Message édité par johnson951 le 06-12-2006 à 15:18:44

Publicité

FlorentG

Unité de Masse

Laisse tomber les document.form.bidule qui n'existent plus. En mettant un id sur le form déjà (name n'existe plus et sert à rien), et en mettant le Js sur l'évènement onsubmit :

Code :

<form id="form1" method="post" action="test2.php" onsubmit="return validation()">

Met le JS dans un fichier à part, il pourra être mis en cache et allégera le serveur un p'tit peu

Code :

var inputList = document.getElementById('form1').getElementsByTagName('input');
var test = 0;
var count = inputList.length;
for(var i = 0; i < count; i++) {
var input = inputList[i];
if(input.value == '') {
input.style.backgroundColor = 'red';
input.focus;
test++;
} else {
input.style.backgroundColor = 'white';
}
}
return (test == 0);

ZeBix

edit > preview

Perso j'utilise le "this" que je trouve encore plus pratique, mais sur lequel je ne vais pas débattre de la performance, car je ne la connais pas

Code :

<form method="post" action="whatever.php" onsubmit="return validation(this)">

Cependant, j'utilisais le "this" avec uniquement des appels fixes aux champs du formulaire concerné :

Code :

function validation(monform)
{ monform.bouton.style.backgroundColor = 'red' ;
// etc.
}

Je n'ai jamais essayé la combinaison avec le -superbe- getElementsByTagName que propose FlorentG ici. Peut-être que cette solution fonctionne aussi :

Code :

var inputList = monform.getElementsByTagName('input');

mais bon ça ne change pas grand chose...

anapajari

s/travail/glanding on hfr/gs;

le this pointe exactement sur le même élement que ce que retourne le getElementById('idDuForm'), en l'occurence l'objet HTMLFormElement.

ça ne change donc rien du tout sauf un appel à la fonction getElementById en mois et eventuellement une ré-usabilité supérieure de la fonction pour d'autres formulaires.

Message édité par anapajari le 05-12-2006 à 12:01:19

johnson951

Parfait FlorenG ca marche super bien !

FORUM HardWare.fr

Programmation

HTML/CSS

[Résolu] Vérification en javascript d'un tableau dynamique en PHP

Sujets relatifs
[javascript] Nombre aléatoire entre 100 et 200?	Tableau de record et de type énumé
Execution automatique d'une page PHP à une heure précise	[javascript] pb settimeout
[résolu] Probleme avec les sessions	page html dynamique
[PHP : facile je pense] Fichiers en php et incrementation de variables	[PHP/MySQL] Stockage de PHP dans une base MySQL
Code Javascript de formulaire qui marche sous IE mais pas Firefox	[PHP] Deux pages qui ne s'imbriquent pas
Plus de sujets relatifs à : [Résolu] Vérification en javascript d'un tableau dynamique en PHP

Page générée en 0.064 secondes