Vérification champs formulaire

**djedje-08** · 06/01/2016, 12h54

Bonjour à tous,
Afin de vérifier que les données que l'utilisateur entre dans différents champs sont bien valides, j'utilise les fonctions suivantes :

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
<head>
function surligne(champ, erreur){
   if(erreur)
      champ.style.backgroundColor = "#fba";
   else
      champ.style.backgroundColor = "";
	}
 
function VerifPrix(champ){
   var Prix = parseInt(champ.value);
   if(isNaN(Prix) ||  Prix < 0){
      surligne(champ, false);
      return true;
	  }
   else {
      surligne(champ, true);
      return false;
	  }
}
</head>
 
<body>
<input type="text" id="PtEntre_1" name="PtEntre_1" value="<?php echo $EntrePos1; ?>" size="5" onkeyup="Chargement_Pos1()" onblur="VerifPrix(this)"/>
<br>
<input type="text" id="Strike_1" name="Strike_1" value="<?php echo $StrikePos1; ?>" size="6" onblur="VerifPrix(this)"/>
</body>

A première vue ça semble bien fonctionner, si une données n'est pas valide, le champs est bien colorié en rouge quand on sort le curseur. Par contre, celui-ci reste colorié en rouge même si ses données sont corrigés.
De plus, En cliquant sur un autre champs, celui-ci devient colorié en rouge même si ses données sont correctes.
J'ai bien essayé de mettre le code suivant, mais rien n'y change :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
function surligne(champ, erreur){
   if(erreur)
      champ.style.backgroundColor = "#fba";
   else
      champ.style.backgroundColor = "#ffffff";
	}

Quelqu'un aurait une idée d'où vient le problème ?

**jeremylevy** · 06/01/2016, 13h04

Salut,

Tu as inversé ligne 12 et 16 true et false.

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
<head>
<script>
function surligne(champ, erreur){
   if(erreur)
      champ.style.backgroundColor = "#fba";
   else
      champ.style.backgroundColor = "#fff";
	}
 
function VerifPrix(champ){
   var Prix = parseInt(champ.value);
   if(isNaN(Prix) ||  Prix < 0){
      surligne(champ, true);
      return true;
	  }
   else {
      surligne(champ, false);
      return false;
	  }
}
</script>
</head>
 
<body>
<input type="text" id="PtEntre_1" name="PtEntre_1" value="" size="5" onkeyup="Chargement_Pos1()" onblur="VerifPrix(this)"/>
<br>
<input type="text" id="Strike_1" name="Strike_1" value="" size="6" onblur="VerifPrix(this)"/>
</body>

**djedje-08** · 06/01/2016, 13h26

Bonjour Jeremylevy et merci de t'intéresser à mon problème.

J'ai bien copier ton code, mais plus rien de fonctionne : les champs ne se colorent plus en rouge si les données sont erronés