Controle de formulaire sur l'envoi

Version imprimable

05/06/2005, 14h03
navis84

Controle de formulaire sur l'envoi

Bonjour !

J'aimerais effectuer 2 sortes de controles de saisie de formulaire :
- tester la récupération des valeurs en PHP sur la page désignée dans "action", coté serveur (si le Javascript est désactivé)
- tester avant l'envoi du formulaire les différents champs, coté client en Javascript.

Pour se faire, mon bouton d'envoi doit donc etre de type submit.
Quel code dois je placer et sur quel evenement pour pouvoir effectuer le controle en JS ??

Merci d'avance.
05/06/2005, 15h16
alternux

Tu doit mettre un onsubmit="return nom fonction" dans ta balise <form>

Et ta fonction javascript devra retourner TRUE pour autoriser l'envoi du formulaire au serveur, FALSE sinon.
05/06/2005, 16h18
navis84

Cool ! Merci pour l'explication ! :D

Bonjour !

J'ai mis cette théorie en pratique et j'ai besoin de votre aide ! :P

Mon site est multilangues donc je passe en paramètre le libellé de cette langue pour les différents messages d'erreurs.
Le problème vient p-e de là.

Voici mon code html :

Code:

<form name="livre" method="post" action="trait_livre_msg.php" OnSubmit="return champsok(<?php echo LANG; ?>)">

Et ma fonction Javascript :

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
function champsok(lang)
                {
                	var alerte;
                	alert(lang);
                	// message d'erreur suivant la langue
                        switch (lang)
                        {
                               case 'en':
                                         alerte = 'Please fill all the required fields';
                                         break;
 
                               case 'fr':
                                         alerte = 'Veuillez saisir tous les champs';
                                         break;
                        }
 
                         if (document.livre.pseudo.value.length == 0)
                         {
                                alert(alerte);
                                return false;
                          }
                          if (document.livre.email.value.length == 0)
                         {
                                alert(alerte);
                                return false;
                          }
                          if (document.livre.msg.value.length == 0)
                         {
                                alert(alerte);
                                return false;
                          }
                          return true;
                }

Or cela envoie dans tout les cas mon formulaire... même si je ne remplis pas les champs...

Quelle est l'erreur dans ma fonction ?

17/08/2005, 23h09
poof65

Code:

OnSubmit="return champsok('<?php echo LANG; ?>')"
18/08/2005, 17h23
navis84

Merci bien ! Cela fonctionne ! :D