stopper envoi formulaire si vérification js incorrect

Version imprimable

Bonjour,

j'ai réalisé un formulaire avec upload.

j'ai fait une vérification avant l'upload sur l'extension des fichiers et cela fonctionne correctement.
le problème est que je voudrai ne pas soumettre le formulaire tant que la condition n'est pas respecter.

j'ai déja de multiple vérif sur ce formulaire mais je n'arrive pas trop a ajouter celle ci

voici une partie de mon formulaire

form.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<form method="post" action="../bdd/insert.php" name="formulaire"
			onsubmit="if (testChamps()) return check();  else return false;"
			enctype="multipart/form-data" accept-charset="UTF-8">
 
 
 
				<b><i>Joindre Fichier Son </i></b>
				<input name="fichierSON"
					type="file" onChange="verif_extensionSON(this.value);">
 
<input type="Submit" name="valider" value="Valider"
					onclick="if (confirm('Attention votre formulaire va être envoyé')) { document.forms.form1.submit();  } else  { exit; } "  />
 
		</form>

le code js qui permet de vérifier l'extension

verifExtension.js

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
function recup_extension(fichier) // fonction de récupération extension fichier
   {
         if (fichier!="")// si le champ fihier n'est pas vide
         {
            nom_fichier=fichier;// on récupere le chemin complet du fichier
            nbchar = nom_fichier.length;// on compte le nombre de caractere que compose ce chemin
            extension = nom_fichier.substring(nbchar-4,nbchar); // on récupere les 4 derniers caracteres
            extension=extension.toLowerCase(); //on uniforme les caracteres en minuscules au cas ou cela aurait été écris en majuscule...
            return extension; // on renvoi l'extension vers la fonction appelante
         }
 
   }
 
//verification extension du fichier SON avant upload
function verif_extensionSON(fichier)// fonction vérification de l'extension aprés avoir choisi le fichier
   {
   ext = recup_extension(fichier);// on appelle la fonction de récupération de l'extension et on récupere l'extension
 
            if(ext==".wav"||ext==".mp3"||ext==".wma"){}// si extension = a une des extension suivante alors tout est ok donc ... pas d'erreur
            else // sinon on alert l'user de la mauvaise extension
            {
               alert("L'extension du fichier son que vous voulez uploader est :'"+extension+"'\n cette extension n'est pas autorisée !\n Seules les extesnions suivantes sont autorisées :\n'MP3;WAV;WMA' !");
            }
 
 
   }

j'aimerai donc bloquer l'envoi du formulaire tant que l'extension n'est pas correcte merci de votre aide

10/08/2009, 16h14
SpaceFrog

ton onsublmit doit etre du type:

Code:

onsubmit="return verfi()"

et la fonction doit retourner true ou false
10/08/2009, 16h58
Bovino

Citation:

Envoyé par SpaceFrog

la fonction doit retourner true ou false

Plus précisément, la fonction doit retourner un équivalent de true ou false ;)
C'est-à-dire que si la fonction retourne une valeur différente de null, undefined, '', 0 etc. le formulaire sera soumis sinon il ne le sera pas.

merci pour vos réponses.

alors j'ai créé la fonction js suivante :

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
 
 
function verif_before_valid_form()// fonction de validation de formulaire
   {
      var msgerr="Veuillez vérifier les erreurs suivantes :\n";// préparation message d'erreur 
      var erreur = 0;// par defaut tout est ok
 
      if(document.formulaire.fichierSON.value!="")// si le champ fihier n'est pas vide
      {
               ext = recup_extension(document.formulaire.fichierSON.value);// on appelle la fonction de récupération de l'extension et on récupere l'extension
 
               if(ext==".wav"||ext==".mp3"||ext==".wma"){} // si extension = a une des extension suivante alors tout est ok donc ... pas d'erreur
               else // sinon message d'erreur
               {
                  msgerr=msgerr+"- L'extension du fichier son n'est pas valide, les extensions acceptées sont 'wav;mp3;wma' ! \n";// prépare message d'erreur
                  erreur = 1;// il y a une erreur donc on l'informe
               }
      }
      else{
    	  msgerr=msgerr+"- Vous n'avez pas indiqué de fichier son à uploader ! \n";// prépare message d'erreur
          erreur = 1;// il y a une erreur donc on l'informe 
 
      }
 
      if(document.formulaire.fichierTRS.value!="")// si le champ fihier n'est pas vide
      {
               ext = recup_extension(document.formulaire.fichierTRS.value);// on appelle la fonction de récupération de l'extension et on récupere l'extension
 
               if(ext==".trs"||ext==".doc"||ext==".txt"){} // si extension = a une des extension suivante alors tout est ok donc ... pas d'erreur
               else // sinon message d'erreur
               {
                  msgerr=msgerr+"- L'extension du fichier transcription n'est pas valide, les extensions acceptées sont 'trs;doc;txt' ! \n";// prépare message d'erreur
                  erreur = 1;// il y a une erreur donc on l'informe
               }
      }
      else{
    	  msgerr=msgerr+"- Vous n'avez pas indiqué de fichier transcription à uploader ! \n";// prépare message d'erreur
          erreur = 1;// il y a une erreur donc on l'informe 
 
      }
 
 
   if(erreur==1)
      {
         alert(msgerr);
         return (false);
      }
   else
      {
	   return (true);
         transfert_file.submit();
      }
}

dans mon form j'ai ajouté ma fonction au onsubmit de cette façon :

Code:

onsubmit="if (testChamps()) return (verif_before_valid_form() && check()); else return false;"

si l'une des conditions n'est pas respecté l'envoi est stoppé et la même chose si plusieurs ne sont pas respectées.