Syntaxe récupération données tableau

Version imprimable

Bonjour à tous, j'ai des difficulté dans mes syntaxes :

J'ai un formulaire : id="formCreerBain" et le tableau suivant :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
for($i=0;$i<10;$i++)
{
    echo'<tr>';
    echo'   <td class="parametre"><input type="text" name="nomParam['.$i.']" size="15" maxlength="100" id="nomParam['.$i.']"/>';
    echo'       <select name="unite['.$i.']" id="unite['.$i.']">';
    echo'           <option value="12" selected="selected">Unité</option>';
 
    // On liste l'ensemble des unités
    $txtRequete1='SELECT * FROM unite ORDER BY ordreUnite';
    $requete1=mysql_query($txtRequete1);
    while($tableau1=mysql_fetch_assoc($requete1))
    {
        echo'           <option value="'.$tableau1['idUnite'].'">'.$tableau1['symboleUnite'].'</option>';
    }
    echo'       </select>';
    echo'   </td>';
    echo'   <td><input type="text" name="min['.$i.']" id="min['.$i.']" maxlength="10"/></td>';
    echo'   <td><input type="text" name="opt['.$i.']" id="opt['.$i.']" maxlength="10"/></td>';
    echo'   <td><input type="text" name="max['.$i.']" id="max['.$i.']" maxlength="10"/></td>';
    echo'   <td><textarea name="contr['.$i.']" id="contr['.$i.']" rows="2" maxlength="20"/></textarea></td>';
    echo'   <td><textarea name="rem['.$i.']" id="rem['.$i.']" rows="3" maxlength="1000"></textarea></td>';
    echo'</tr>';  
}

Je voudrais tester la pertinence des champs donc je récupère la valeur des champs dans des tableaux mais ça ne marche pas, pourriez vous m'indiquer la syntaxe ? J'ai testé ceci qui ne fonctionne pas.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
for(i=0;i<10;i++)
    {
        var inputNomParam=new array();
        var inputMiniParam=new array();
        var inputOptiParam=new array();
        var inputMaxiParam=new array();
        var inputControleParam=new array();
        var inputRemarqueParam=new array();
 
        inputNomParam[i]=document.forms["formCreerBain"].elements["nomParam"][i].value;
        inputMiniParam[i]=document.forms["formCreerBain"].elements["min"][i].value;
        inputOptiParam[i]=document.forms["formCreerBain"].elements["opt"][i].value;
        inputMaxiParam[i]=document.forms["formCreerBain"].elements["max"][i].value;
        inputControleParam[i]=document.forms["formCreerBain"].elements["contr"][i].value;
        inputRemarqueParam[i]=document.forms["formCreerBain"].elements["rem"][i].value;
        alert(inputNomParam[i]);
    }

Merci d'avance

16/05/2013, 11h40
SpaceFrog

heu ... tu redéclares l'array à chaque itération de boucle ...
tu n'auras donc jamais que le dernier element

J'ai corrigé cette erreur mais mon problème est la syntaxe.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
// inputParam
    var inputNomParam=new array();
    var inputMiniParam=new array();
    var inputOptiParam=new array();
    var inputMaxiParam=new array();
    var inputControleParam=new array();
    var inputRemarqueParam=new array();
    for(i=0;i<10;i++)
    {   
        inputNomParam[i]=document.forms["formCreerBain"].elements["nomParam"][i].value;
        inputMiniParam[i]=document.forms["formCreerBain"].elements["min"][i].value;
        inputOptiParam[i]=document.forms["formCreerBain"].elements["opt"][i].value;
        inputMaxiParam[i]=document.forms["formCreerBain"].elements["max"][i].value;
        inputControleParam[i]=document.forms["formCreerBain"].elements["contr"][i].value;
        inputRemarqueParam[i]=document.forms["formCreerBain"].elements["rem"][i].value;
    }

Merci pour ta remarque

16/05/2013, 11h50
Bovino

Tu déclares les attributs name avec des noms de type tableau (name="nom[i]" or tu cherches à récupérer les noms sans les crochets, donc c'est normal que ça ne fonctionne pas car même si ça semble étonnant, pour JavaScript, nom[i] et nom ce n'est pas la même chaine...
16/05/2013, 11h53
SpaceFrog

Code:

name="opt['.$i.'] id="opt['.$i.']"

Code:

inputOptiParam[i]=document.forms["formCreerBain"].elements["opt["+i+"]"][0].value

ou plus simple directement par l'id

Code:

document.getElemetnById('opt['+i+']').value

les [] sont des caractères comme les autres pour les id ou les names

Attention le fait de mettre les indexes dans les names ou dans les id ne resulte pas en des arrays d'objets seul le fait de mettre les crochets vides donne un array coté serveur !

Correction effectuée mais le message d'alerte ne s'affiche pas : j'ai testé les deux syntaxes.

Code:

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
 
function verifierCreerBain() 
{
    var erreur=0;
    // test input1 : référenceBain
    var input1=document.forms["formCreerBain"].elements["referenceBain"].value;
    if(input1==="")
    {
        document.forms["formCreerBain"].elements["referenceBain"].style.backgroundColor = "#FF0000";
        erreur++;
    }
    else
    {
        input1.innerHTML=document.forms["formCreerBain"].elements["referenceBain"].value;
        document.forms["formCreerBain"].elements["referenceBain"].style.backgroundColor = "#FFFFFF";
    }
 
    if(/^[a-zA-Z]{1,2}\s{0,}-{0,}\/{0,},{0,1}\.{0,}[0-9]{0,2}\s{0,}-{0,}\/{0,},{0,1}\.{0,}[0-9]{0,2}\s{0,}-{0,}\/{0,},{0,1}\.{0,}[0-9]{0,2}\s{0,}$/.test(input1)===false)
    {
       document.forms["formCreerBain"].elements["referenceBain"].style.backgroundColor = "#FF0000";
       erreur++;
    }
    else
    {
        input1.innerHTML=document.forms["formCreerBain"].elements["referenceBain"].value;
        document.forms["formCreerBain"].elements["referenceBain"].style.backgroundColor = "#FFFFFF";
    }
 
// inputParam
    var inputNomParam=new array();
    var inputMiniParam=new array();
    var inputOptiParam=new array();
    var inputMaxiParam=new array();
    var inputControleParam=new array();
    var inputRemarqueParam=new array();
    for(i=0;i<10;i++)
    {   
        inputNomParam[i]=document.getElemetnById("nomParam["+i+"]").value;
        inputMiniParam[i]=document.getElemetnById("min["+i+"]").value;
        inputOptiParam[i]=document.getElemetnById("opt["+i+"]").value;
        inputMaxiParam[i]=document.getElemetnById("max["+i+"]").value;
        inputControleParam[i]=document.getElemetnById("contr["+i+"]").value;
        inputRemarqueParam[i]=document.getElemetnById("rem["+i+"]").value;
    }
 
    alert(inputNomParam[0]);
 
 
 
    if(erreur===0)
    {
        return (true);
    }
    else
    {
        alert("Certains champs sont incomplets ou erronés");
        erreur1.innerHTML="Certains champs sont incomplets ou erronés";
        return (false);
    }
}

je n'ai pas compris pourquoi on a [0] et que l'on créé un tableau 2 dimensions.

Merci pour vos réponses si rapides

16/05/2013, 12h48
SpaceFrog

j'ai fourché sur mon clavier ???

.getElemetnById=> getElementById

Je n'ai toujours pas trouvé : j'ai fait des tests avec === ou !== dans le if et avec "12" et 12 mais le message ne s'affiche pas. Je précise que les tests fonctionnent quand j'ai un id simple : id="monId" mais pas quand j'ai un id dynamique : id="monId[".$i."]" (php)

Code:

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
32
33
 
for(i=0;i<10;i++)
    {   
        inputNomParam[i]=document.getElementById("nomParam["+i+"]").value;
        inputUniteParam[i]=document.getElemetById("unite["+i+"]").value;
        inputMiniParam[i]=document.getElemetById("min["+i+"]").value;
        inputOptiParam[i]=document.getElemetById("opt["+i+"]").value;
        inputMaxiParam[i]=document.getElemetById("max["+i+"]").value;
        inputControleParam[i]=document.getElemetById("contr["+i+"]").value;
        inputRemarqueParam[i]=document.getElemetById("rem["+i+"]").value;
 
        if( (inputNomParam[i]=="" && inputUniteParam[i]!=12) || (inputNomParam[i]!="" && inputUniteParam[i]==12)) 
        {
            document.getElementById("nomParam["+i+"]").style.backgroundColor = "#FF0000";
            erreur++;
        }
        else
        {
            inputNomParam[i].innerHTML=document.getElementById("nomParam["+i+"]").value;
            document.getElementById("nomParam["+i+"]").style.backgroundColor = "#FFFFFF";
        }
    }
 
if(erreur===0)
    {
        return (true);
    }
    else
    {
        alert("Certains champs sont incomplets ou erronés");
        erreur1.innerHTML="Certains champs sont incomplets ou erronés";
        return (false);
    }

Trouvé

je mélange php avec javascript

déclarer un tableau : var monTableau=[]; et non var monTableau=new array();

L'erreur n'était pas signalée dans mon éditeur de texte

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
for(var i=0;i<10;i++)
    {
        var inputNomParam=[];
        var inputUniteParam=[];
        inputNomParam[i]=document.forms["formCreerBain"].elements["nomParam["+i+"]"].value;
        inputUniteParam[i]=document.forms["formCreerBain"].elements["unite["+i+"]"].value;
        if(inputNomParam[i]==="" && inputUniteParam[i]!==12) 
        {
            document.forms["formCreerBain"].elements["nomParam["+i+"]"].style.backgroundColor = "#FF0000";
            erreur++;
        }
        else
        {
            inputNomParam.innerHTML=document.forms["formCreerBain"].elements["nomParam["+i+"]"].value;
            document.forms["formCreerBain"].elements["nomParam["+i+"]"].style.backgroundColor = "#FFFFFF";
        }
    }

Merci pour votre aide et votre patience