Discussion :

[voyageurdumonde]

Bonjour,

Je voudrais controler que les champs d'un formulaire ont bien ete rempli avant l'envoi.
Avec le code suivant j'ai bien l'alert qui s'affiche mais au lieu de s'arreter il envoi quand meme le formmulaire.

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
35
36
37
38
39
40
41
<SCRIPT language=javascript>
function verifForm() {
    if((document.myform.titre_du_bonplan.value == "")) {    
    alert("Veuillez indiquer un titre pour votre adresse");
    titre_du_bonplan.style.backgroundColor = "#fba";

    return false;
   }
  else {
	titre_du_bonplan.style.backgroundColor = "";
    return true;

  }
  
}

</script>

<SCRIPT language=javascript>
function verifForm1() {
    if((document.myform.xxx.value == "")) {    
    alert("Veuillez indiquer sdsdsd");
    xxx.style.backgroundColor = "#fba";

    return false;
   }
  else {
	titre_du_bonplan.style.backgroundColor = "";
    return true;

  }
  
}

</script>


<form name="myform" action="rechercher.php" method="POST">


<input onclick="return (verifForm() && verifForm1());" type="image" src="envoyer_nouvelle_adresse.png" value="Envoyez" alt="Envoyer Nouvelle Adresse.png">

Merci de votre aide

[bob633]

Met ton appel sur ton POST pour voir sur un onsubmit :

Code :

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

<form name="myform" method="POST" action="rechercher.php" onsubmit="return (verifForm() && verifForm1())">

Car là tu appelles ta fonction dans l'input, cependant ton action POST fonctionnera quand même.

Par contre tu devrais fusionner tes deux fonctions pour faire quelque chose de plus simple à maintenir

[voyageurdumonde]

Merci bob633,

En fait je viens de constater que c'est juste avec IE que probleme se pose. Avec les autres navigateurs il n'y a aucun probleme.

Savez vous pourquoi?

[voyageurdumonde]

Le probleme est la ligne

Code :

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

titre_du_bonplan.style.backgroundColor = "#fba";

Lorsque je la supprime ca fonctionne correctement.

[XxArchangexX]

Bonjour,

Pour un test, il est possible que ce soit sur le code couleur, en héxadécimal un code est sur 6 caractères et non sur 3 :

#fba -> #fba000

[thelvin]

Pour un test, il est possible que ce soit sur le code couleur, en héxadécimal un code est sur 6 caractères et non sur 3 :

#fba -> #fba000

Pas du tout, les deux existent.
Et la conversion de #fba en 6 chiffres, c'est #ffbbaa

Mais il est tout à fait possible que IE ne gère pas encore la syntaxe à trois chiffres.

[voyageurdumonde]

Merci pour vos reponses mais le probleme ne semble pas venir du code couleur ! En fait que des que je place la ligne :

titre_du_bonplan.style.backgroundColor = "#fba";

dans mon code, cela agit comme un break dans la fonction et donc ne fait pas le return false mais un return true.

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
<SCRIPT language=javascript>
function verifForm() {
    if((document.myform.titre_du_bonplan.value == "")) {    
    alert("Veuillez indiquer un titre pour votre adresse");
    titre_du_bonplan.style.backgroundColor = "#fba";

    return false;
   }
  else {
	titre_du_bonplan.style.backgroundColor = "";
    return true;

  }
  
}

</script>