Contrôle de champs obligatoires d'un formulaire

Version imprimable

Bonjour,
j'ai un problème sur une fonction javascript qui est censé me permettre de controler si les champs obligatoires de mon formulaire sont vides ou non:cry:

Voici des extraits du code de mon formulaire :
- je declare le .js où se trouve la fonction que j'utilise :
Code:

1 2 3 4 5 <head> ... <script src="scripts/controle_champ.js"></script> </head>
- extrait(1) du formulaire que j'utilise pour le test (un label et un input 'text' correspondant): :
Code:

1 2 3 4 5 ... <td><label for="titre_evt">Titre évènement: *<br/><FONT SIZE="1"><I>( max. 100 caractères )</I></FONT></label></td> <td><input type="text" maxlength="100" size="51" name="titre_evt" value="" id="titre_evt"><br /></td> ...
- extrait(2) du formulaire (c'est le bouton censé déclencher la fonction) :
Code:

1 2 3 4 ... <input type="button" value="Valider" id="valider" onclick="valider_formulaire(this.form)" class="button"/> ...
- et le code mon fichier controle_champ.js :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 valider_formulaire(thisForm) { if(thisForm.titre_evt.value == '') { thisForm.titre_evt.value ='ok'; //thisForm.usager.focus(); return false; } }
En gros, je test ici de mettre value 'ok' dans mon input 'text' titre_evt, si la value de celui-ci est vide...
Mais 'ok' ne s'affiche pas dedans, et je sais pas d'où viens le bug...:(
Merci d'avance...

19/02/2008, 19h39
Gats

Code:

onsubmit="valider_formulaire(this);"
19/02/2008, 20h37
lolymeupy
J'ai testé ce que t'as mis Gats, mais pas ça marche toujours...:cry:

J'ai mis ça dans mon code:
Code:

1 2 ...onclick="valider_formulaire(this)"...
(j'ai gardé onclick plutot que onsubmit parce que j'ai un <input type"button...
et pas un <input type"submit"...)
(j'ai essayé avec les 2 qd mêmes, au cas où,... mais sans résultat...)

une omission ?

Code:

1
2
3
valider_formulaire(thisForm){
 
}

au lieu de :

Code:

1
2
3
function valider_formulaire(thisForm){
 
}

19/02/2008, 21h02
|PaRa-BoL

Le onsubmit est à mettre dans le <form

Oups, t'as raison Gats, j'ai oublié le function...:oops:
Et effectivement, je viens de tomber sur un tuto où j'ai vu que le onsubmit est dans le form...j'avais pas compris...
Donc, un grand merci à vous deux....:king:'s
Par contre, une fois ces 2 erreurs réparées, ça marche mais il m'envoie quand même vers enreg_evt.php ...:cry:

voilà mon code maintenant :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 ... <script src="scripts/controle_champ.js"></script> </head> <body> <form enctype="multipart/form-data" action="enreg_evt.php" method="post" onsubmit="valider_formulaire(this)"> ... ... <td><label for="titre">Titre évènement: *<br/><FONT SIZE="1"><I>( max. 100 caractères )</I></FONT></label></td> <td><input type="text" maxlength="100" size="51" name="titre_evt" value="" id="titre_evt"><br /></td> ... ... <input type="submit" value="Valider" id="valider" class="submit"/> ....
//et le fichier controle_champ.js :
Code:

1 2 3 4 5 6 7 8 9 10 function valider_formulaire(thisForm) { if(thisForm.titre_evt.value == '') { thisForm.titre_evt.value ='ok'; //thisForm.usager.focus(); return false; } }
et donc, une fois "sur" enreg_evt.php, si je recule d'une page, je retombe bien sur mon formulaire et il y a bien 'ok' dans mon input type='text'...
Ce que je voudrais savoir, c'est comment l'empecher d'aller sur le script .php puisque la condition de la fonction .js est vérifiée et donc qu'il retourne 'false'...
Une idée ...?

Tu as oublié le return.

Code:

1
2
 
onsubmit="return valider_formulaire(this)">

Et ici :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
 
function valider_formulaire(thisForm)
{
    if(thisForm.titre_evt.value == '')
    {
         thisForm.titre_evt.value ='ok';
         //thisForm.usager.focus();
         return false;
    }
    return true;
}

19/02/2008, 22h16
lolymeupy

Oups :oops: encore...
Ca marche nickel maintenant...
Merci pour le gros coup de pouce |PaRa-BoL
(et merci aussi Gats):P