fonction qui regarde si les champs sont remplis

Version imprimable

bonjour tous le monde

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

mais ca marche pô...

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
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?

28/05/2008, 20h29
Zwiter

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.
28/05/2008, 22h38
julien.63

salut,
essaye comme ça:

Code:

.... onsubmit="return valider_formulaire(this);">....
29/05/2008, 07h59
esther60

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
29/05/2008, 08h29
tusssss

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?

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
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?

29/05/2008, 08h42
tusssss

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.
29/05/2008, 08h46
esther60

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...
29/05/2008, 08h48
esther60

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!!!
29/05/2008, 08h50
esther60

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....:yaisse2::yaisse2::yaisse2:
29/05/2008, 08h54
tusssss

Citation:

Envoyé par esther60

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

Dire que je n'ai même pas vu ca....

Difficile le jeudi matin...

Bon courage pour la suite.
29/05/2008, 08h55
esther60

:D

merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii