Bonjour à tous,

j'ai créé une fonction javascript pour vérifier la pertinence de mes champs. Les champs se colorent en rouge s'ils sont erronés mais la couleur disparait au bout d'une seconde et le message d'alerte ne s'affiche pas

fonction javascript :

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
32
33
34
// Vérification de la pertinence des champs 
function verifierCreerFAJ()
{
    var erreur=0;
    for(var i=0;i<10;i++)
    {
        var inputNomSel=[];
        var inputFajSel=[];
        inputNomSel[i]=document.forms["formCreerFAJ"].elements["substance["+i+"]"].value;
        inputFajSel[i]=document.forms["formCreerFAJ"].elements["faj["+i+"]"].value;
 
        if( (inputNomSel[i]==="" && inputFajSel[i]!=="") || (inputNomSel[i]==="Substance "+i && inputFajSel[i]!=="") )
        {
            document.forms["formCreerFAJ"].elements["substance["+i+"]"].style.backgroundColor = "#FF0000";
            erreur++;
        }
        else
        {
            inputNomSel.innerHTML=document.forms["formCreerFAJ"].elements["substance["+i+"]"].value;
            document.forms["formCreerFAJ"].elements["substance["+i+"]"].style.backgroundColor = "#FFFFFF";
        }
 
    }
 
    if(erreur===0)
    {
        return (true);
    }
    else
    {
        alert("Certains champs sont incomplets ou erronés");
        return (false);
    }
}
code HTML / php
Code php : 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
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
61
62
63
64
65
echo'<form id="formCreerFAJ" action="" method="POST" onsubmit="return verifierCreerFAJ();">'."\n";
            echo'   <table class="faj1">'."\n";
            echo'       <caption>Stock de sels de métaux précieux</caption>'."\n";
            echo'       <thead bgcolor="'.$tableau20['couleurFAJ'].'">'."\n";
            echo'           <tr>'."\n";
            echo'               <th rowspan="2" class="sel">Sel</th>'."\n";
            echo'               <th colspan="4">Pré-coffre (kg)</th>'."\n";
            echo'               <th colspan="4">Consigne (kg)</th>'."\n";
            echo'               <th colspan="4">Coffre (kg)</th>'."\n";
            echo'               <th rowspan="2">Total (kg)</th>'."\n";
            echo'           </tr>'."\n";
 
            echo'           <tr>'."\n";
            echo'               <th>J-1</th>'."\n";
            echo'               <th>Entrées</th>'."\n";
            echo'               <th>Sorties</th>'."\n";
            echo'               <th>Total</th>'."\n";
            echo'               <th>J-1</th>'."\n";
            echo'               <th>Entrées</th>'."\n";
            echo'               <th>Sorties</th>'."\n";
            echo'               <th>Total</th>'."\n";
            echo'               <th>J-1</th>'."\n";
            echo'               <th>Entrées</th>'."\n";
            echo'               <th>Sorties</th>'."\n";
            echo'               <th>Total</th>'."\n";
            echo'           </tr>'."\n";
            echo'       </thead>'."\n";
 
            echo'       <tbody bgcolor="'.$tableau20['couleurFAJ'].'">'."\n";
            $nbColonnes=13;
            for($i=0;$i<5;$i++)
            {
                echo'           <tr>'."\n";
                echo'               <td><input type="text" name="substance['.$i.']" id="substance['.$i.']" value="Substance '.$i.'" size="12" maxlength="20" />'."\n";
                echo'                   <select name="faj['.$i.']" id="faj['.$i.']">'."\n";
                echo'                       <option value=""></option>'."\n";
 
                $txtRequete11='SELECT * FROM substancefaj WHERE idFAJ="1" OR idFAJ="2" OR idFAJ="3" OR idFAJ="5" ORDER BY idFAJ';
                $requete11=mysql_query($txtRequete11);
 
                while($tableau11=mysql_fetch_assoc($requete11))
                {
                    echo'                       <option value="'.$tableau11['idFAJ'].'">'.$tableau11['compositionPrincipaleFAJ'].'</option>'."\n";
                }
                echo'                   </select>'."\n";
                echo'               </td>'."\n";
          /*******************************************************************************************/               
                for($j=0;$j<$nbColonnes;$j++)
                {
                    echo'               <td></td>'."\n"; 
                }
                echo'           </tr>'."\n";
            }
            echo'       </tbody>'."\n";
            echo'   </table>'."\n";
 
            // Création du formulaire de validation de faj1
            echo'   <table class="formSimple">'."\n";
            echo'       <tr>'."\n";
            echo'           <td><input type="submit" value="Valider" name="valider0" /></td>'."\n";
            echo'           <td><input type="reset" value="Effacer" name="effacer" /></td>'."\n";
            echo'       </tr>'."\n";
            echo'   </table>'."\n";
            echo'   <input type="hidden" name="idMetal" value="'.$_POST['idMetal'].'" />'."\n";
            echo'</form>'."\n";

Pourriez vous m'aider ?

Merci d'avance