Vérification de formulaire

Bonsoir,

Voici ma fonction pour vérifier si les champs sont bien remplis avant validation.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

function valider_fiche(){ // si la valeur des champ ci-dessous ne sont pas vide if(document.fclient.nom.value != "" && document.fclient.prenom.value != "" )   { // les données sont ok, on peut envoyer le formulaire return true; } else { // sinon on affiche un message alert("Veuillez remplir les champs Nom et Prénom !"); // et on indique de ne pas envoyer le formulaire return false;   }   }

---

Quand les champs sont vides j'ai bien le message d'erreur mais le formulaire est quand même posté.

Voyez-vous une erreur dans mon code ?

Par quel événement est déclenché ta fonction de vérification ?

Pourrais tu nous montrer le code avec ton formulaire ?

J'utilise l'évenement "Onsubmit"

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

<form class="form_ajout_client" method="post" name="fclient" action="<?php echo $action ; ?>" onsubmit="valider_fiche()"> <input value="<?php echo $num_client ; ?>" type="hidden" name="num_client" /> Nom<br /> <input value="<?php echo $nom ; ?>" type="text" name="nom" /><br /> Prénom<br /> <input value="<?php echo $prenom ; ?>" type="text" name="prenom" /><br /> <em>Adresse :</em><br /> Numero<br /> <input value="<?php echo $numero ; ?>" type="text" name="numero" /><br /> Rue<br /> <input value="<?php echo $adresse ; ?>" type="text" name="adresse" /><br />   Code postal<br /> <input value="<?php echo $cp ; ?>" type="text" name="cp" /><br /> Ville<br /> <input value="<?php echo $ville ; ?>" type="text" name="ville" /><br /> Téléphone fixe<br /> <input value="<?php echo $fixe ; ?>" type="text" name="fixe" /><br /> Téléphone portable<br /> <input value="<?php echo $portable ; ?>" type="text" name="portable" /><br /> Adresse e-mail<br /> <input value="<?php echo $mail ; ?>" type="text" name="mail" /><br /> Note complémentaire (App, disponibilité..)<br /> <textarea name="note" rows="5"><?php echo $note ; ?></textarea><br> <input value="<?php echo $submit ; ?>" type="submit" />     </form>

---

Ma fonction marche correctement puisque je l'utilise sur d'autre formulaire.
Mais la ! Il m'embete

Ton code s'exécute correctement dans la mesure où il affiche bien le message d'erreur. Cependant il faut indiquer lorsque tu appelles la fonction que si elle renvoit false, le formulaire ne doit pas être envoyé.

Code html :

Code:

---

1 2 3 4 5

<form name="fclient" method="post" action="tapage.xxx"> <input type="text" name="nom" /> <input type="text" name="prenom" /> <button type="button" onclick="JavaScript:fclient.submit();">Envoyer</button> </form>

---

Code Javascript :

Code:

---

1 2 3 4 5

function envoyerFclient() { if(valider_fiche()) { document.fclient.submit(); } }

---

Je n'ai pas testé mais en principe, lorque tu clique sur Envoyer, cela appelle la fonction envoyerFclient(), qui ne soumet le formulaire que dans le cas ou les 2 champs nom et prénom sont remplis

ok, mais pourquoi ma fonction fonctionne correctement sur d'autre formulaire ?
C'est ça que je ne pige pas.

Sincèrement je sais pas comment expliquer que cette fonction fonctionne d'habitude. Tu dois oublier un truc parce que là ça me parait tout a fait normal que le formulaire soit soumit d'une façon ou d'une autre. Il faudrait avoir d'autres avis ...

C'est bon j'ai trouvé. Dans l'evenement il me manqué onsubmit="return valider_fiche()"
Même en comparant à plusieurs reprise mes autres formulaires je n'ai pas vu qu'il manquait...

Les erreurs d'inattention sont les pires...

Merci beaucoup en tout cas.

cool en plus c'est beaucoup plus simple que ce que j'ai fait. J'essayerais de m'en souvenir.