verifier un champs type file

**kaking** · 09/07/2009, 10h01

bonjour a tous!

'oilou, j'ai une fonction js qui verifie si les champs sont rempli, et ca marche tres bien, sauf pour le dernier champs qui est un type file de name="avatar"

je comprends pas, si je fais

Code :

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

1
2
3
4
5
6
7
 
if(thisForm.avatar.value == '')
    {
         alert('Le champ image doit être rempli');
         thisForm.avatar.focus();
         return false;
    }

dans ma fonction js, et bien pour ce champs ca marche pas!

pourquoi siouplais?

merki!

**andry.aime** · 09/07/2009, 10h49

Salut,
Tu peux nous montrer le code un peu plus de code (JS + HTML)

Code :

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

1
2
3
4
5
6
if(thisForm.elements['avatar'].value == '')
    {
         alert('Le champ image doit être rempli');
         thisForm.elements['avatar'].focus();
         return false;
    }

**kaking** · 09/07/2009, 10h50

okidoc

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
<script language='javascript'>
function 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;
    }
	 if(thisForm.detail.value == '')
    {
         alert('Le champ detail doit être rempli');
         thisForm.detail.focus();
         return false;
    }
	 if(thisForm.marque.value == '')
    {
         alert('Le champ marque doit être rempli');
         thisForm.marque.focus();
         return false;
    }
	 if(thisForm.detail.value == '')
    {
         alert('Le champ detail doit être rempli');
         thisForm.detail.focus();
         return false;
    }
	 if(thisForm.detail_anglais.value == '')
    {
         alert('Le champ detail anglais doit être rempli');
         thisForm.detail_anglais.focus();
         return false;
    }
	 if(thisForm.marque.value == '')
    {
         alert('Le champ marque doit être rempli');
         thisForm.marque.focus();
         return false;
    }
	 if(thisForm.avatar.value == '')
    {
         alert('Le champ image doit être rempli');
         thisForm.avatar.focus();
         return false;
    }
    return true;
}
 
 
</script>
</head>
 
<body>
<?php
        $crea=$_GET['creacata'];
?>
 
<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" value="<?php echo $crea;?>" ><br>
    designation : <br>
    <textarea name="designation" cols="55" rows="3"></textarea>
  * attention a ne pas depasser 3 lignes<br>
  <textarea name="designation_ang" 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" >
	<input type="hidden" name="catalogue" value="<?php echo $crea;?>">
<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 />
<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>

ca marche pour tout les autres champs mis a part mon upload!

why donc ?

**franculo_caoulene** · 09/07/2009, 12h48

Il y a des champs testés qui n'existent pas. Par exemple, thisForm.detail_anglais n'existe pas, thisForm.detail_anglais.value retourne donc une erreur, le code javascript ne retourne donc pas false et le formulaire est soumis.

**kaking** · 09/07/2009, 14h19

how, banane, ze savais pas que ca genait de rajouter des champs qui n'existaient pas en javascript

merci merci, effectivement, ca marche!

**franculo_caoulene** · 09/07/2009, 15h02

Il faut tester son existence avant de faire appel à une des ses propriétés pour pas que ça plante :

Code :

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

if (formulaire.elements["elm"]) { alert(formulaire.elements["elm"].value); }

verifier un champs type file

JavaScript

Vue hybride

Discussions similaires

Partager

Partager