fonction qui regarde si les champs sont remplis

**esther60** · 28/05/2008, 19h37

bonjour tous le monde

voila j'ai une fonction qui (normalement) regarde si mes champs sont remplis ou pas...

mais ca marche pô...

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<script language='javascript'>
valider_formulaire(thisForm)
{
    if(thisForm.marque.value == '')
    {
         alert('Le champ marque doit être rempli');
         thisForm.marque.focus();
         return false;
    }
    if(thisForm.designation.value == '')
    {
         alert('Le champ designation doit être rempli');
         thisForm.designation.focus();
         return false;
    }
 if(thisForm.etat.value == '')
    {
         alert('Le champ etat doit être rempli');
         thisForm.etat.focus();
         return false;
    }
 if(thisForm.prix.value == '')
    {
         alert('Le champ prix doit être rempli');
         thisForm.prix.focus();
         return false;
    }
    return true;
}
</script>
<body>
 
<center><strong>creez un article</strong></center><br /><br />
<form name="form1" method="post"
 action="creation_articles2.php"  enctype="multipart/form-data"
 onsubmit="valider_formulaire(this)">
 
 marque : <br>
    <input type="text" name="marque" ><br>
    designation : <br>
    <textarea name="designation" cols="55" rows="3"></textarea>
  * attention a ne pas depasser 3 lignes<br>
    etat : <br>
    <input name="etat" type="text" id="specification"><br> 
    prix : <br>
    <input name="prix" type="text" id="reference">
    <br>
    detail<br />
    <textarea name="detail" cols="35" rows="7"></textarea>
<br /> 
 detail anglais<br />
    <textarea name="detail_anglais" cols="35" rows="7"></textarea>
<br /> 
    image (.jpg)<br /><input type="file" name="avatar"><br /> 
    <input type="hidden" name="MAX_FILE_SIZE" value="100000">
<div id="apDiv1">
      <input type="checkbox" name="tourne"  />tourner l'image</div>
<br /><input type="submit" name="envoyer" value="Envoyer ">
<div id="apDiv2">
  <select name="choix">
    <option value="appareil">appareil</option>
    <option value="objectif">objectif</option>
    <option value="accessoire">accessoire</option>
 
</select>
</div>
</form>

pourquoi que quand j appuie sur le bouton, il envoie quand meme les POST?

**Zwiter** · 28/05/2008, 21h29

Ton script n'empeche pas l'envoie du formulaire. Il oblige uniquement a ce que ton javascript s'execute avant de l'envoyer.

A ta place, je changerai le bouton submit en bouton 'normal', en lui greffant ta fonction de validation sur un onclick., et bien entendu, en suprimant la fonction onsubmit du formulaire.
Ensuite tu soumets ton formulaire a la fin de ta fonction javascript, a condition que toutes les tests aient ete valides.

**julien.63** · 28/05/2008, 23h38

salut,
essaye comme ça:

Code :

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

.... onsubmit="return valider_formulaire(this);">....

**esther60** · 29/05/2008, 08h59

non ca marche pas plus julien mais par contre j ai pas trop compris ce que voulait dire Zwiter...

tu peux preciser s'il te plais?

merci

**tusssss** · 29/05/2008, 09h29

Tu as copié ton code tel quel?
Si c'est le cas, je ne vois pas d'erreur dans le code à part celle soulignée par Julien.
Peut-être essayer de remplacer:

ThisForm.marque.value par document.thisForm.marque.value (sans conviction)

Ton script est bien soit dans la partie body soit dans le head, il n'est pas au milieu des deux?

**esther60** · 29/05/2008, 09h34

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<?php
session_start();
require("conf.php"); 
verif_admin($_SESSION['pass'],$pass);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
<style type="text/css">
<!--
#apDiv1 {
 position:absolute;
 left:282px;
 top:572px;
 width:216px;
 height:25px;
 z-index:1;
}
#apDiv2 {
 position:absolute;
 left:209px;
 top:74px;
 width:174px;
 height:27px;
 z-index:2;
}
-->
</style>
</head>
<script language='javascript'>
valider_formulaire(thisForm)
{
    if(thisForm.marque.value == '')
    {
         alert('Le champ marque doit être rempli');
         thisForm.marque.focus();
         return false;
    }
    if(thisForm.designation.value == '')
    {
         alert('Le champ designation doit être rempli');
         thisForm.designation.focus();
         return false;
    }
 if(thisForm.etat.value == '')
    {
         alert('Le champ etat doit être rempli');
         thisForm.etat.focus();
         return false;
    }
 if(thisForm.prix.value == '')
    {
         alert('Le champ prix doit être rempli');
         thisForm.prix.focus();
         return false;
    }
    return true;
}
 
</script>
<body>
<?php
if(isset($_GET['pro']))
{
$_SESSION['marque']="";
$_SESSION['designation']="";
$_SESSION['etat']="";
$_SESSION['prix']="";
$_SESSION['detail']="";
$_SESSION['detail_anglais']="";
$_SESSION['fichier']="";
$_SESSION['type']="";
}?>
<center><strong>creez un article</strong></center><br /><br />
<form name="form1" method="post" action="creation_articles2.php"  enctype="multipart/form-data" onsubmit=" return valider_formulaire(this);">
 
 marque : <br>
    <input type="text" name="marque" ><br>
    designation : <br>
    <textarea name="designation" cols="55" rows="3</textarea>
  * attention a ne pas depasser 3 lignes<br>
    etat : <br>
    <input name="etat" type="text" id="specification" <br> 
    prix : <br>
    <input name="prix" type="text" id="reference" >
    <br>
    detail<br />
    <textarea name="detail" cols="35" rows="7</textarea>
<br /> 
 detail anglais<br />
    <textarea name="detail_anglais" cols="35" rows="7</textarea>
<br /> 
    image (.jpg)<br /><input type="file" name="avatar" value "><br /> 
    <input type="hidden" name="MAX_FILE_SIZE" value="100000"><div id="apDiv1">
      <input type="checkbox" name="tourne"   />tourner l'image</div>
<br /><input type="submit" name="envoyer" value="Envoyer ">
<div id="apDiv2">
  type<br />
  <select name="choix">
    <option value="appareil">appareil</option>
    <option value="objectif">objectif</option>
    <option value="accessoire">accessoire</option>
 
</select>
</div>
</form>
</body>
</html>

...y a des erreurs tu penses?

**tusssss** · 29/05/2008, 09h42

Je n'ai jamais vu un script entre le head et le body, et je ne sais donc pas si c'est possible.Ça na me plait pas en tous les cas.

Esssayes de déplacer ton script entre <head> et </head> on verra bien.J'apprendrais quelque chose aujourd'hui.

**esther60** · 29/05/2008, 09h46

nada....

etonnant, il se comporte comme si j avais rien ecris...
par quoi peut on remplacer le this?

c est peut etre ca qui bloque...

**esther60** · 29/05/2008, 09h48

mmmmmmmmmh...

queqchose qui m'chiffonne :

j ai fais un alert('coucou') au debut de ma fonction

donc normalement quand je clique sur le bouton ===>"coucou"

or la prrrrrrrt, du vent!!!

**esther60** · 29/05/2008, 09h50

J AI TROUVE

J AI TROUVE

JE SAIS

HOURRA

MERCI DE VOTRE AIDE (ca m a permis de me relire)

MERCI MERCI

héhéhé...j avais oublie de mettre le FUNCTION avant de definir ma fonction....