mon appel de fonction semble impropre

Bonjour,

dans un formulaire HTML, j'essaie de vérifier la valeur des données saisies.

Pour cela, j'insère un appel de la fonction verif() sur l'action du bouton submit :

Code:

---

<input type="submit" value=" VALIDEZ " onSubmit verif();>

---

Mon script JS situé entre HEAD et /HEAD est :

Code:

---

1 2 3 4 5 6 7 8 9 10

<script language="JavaScript"> function verif(); alert("on est passé par la fonction"); if (nom=""){ alert("C'est pas gentil d'essayer de me baiser"); } if (adresse="http:/"){ alert("Pourquoi n'entrez-vous pas une adresse valide"); } </script>

---

Mais le formulaire est envoyé sans passer par la fonction.
J'examine la situation dans tous les sens, sans rien trouver d'anormal
Où voyez-vous la faute ?

Merci

Code:

---

1 2	<input type="submit" value=" VALIDEZ " onSubmit="verif();">

---

;)

re,

et merci, j'ai fait un copier/coller

Cependant, rien de changé, ce p... de formulaire part comme une diarrhée.:mrgreen:

Je suis furibard (contre moi):evilred:

Je cherche encore


A+

Bonsoir,
L'appel de la fonction sur l'évenement "onsubmit" doit se faire dans la balise de votre <form> :

Code:

---

1 2	<form method="post" action="" onsubmit="return verif();">

---

Concernant votre fonction Javascript :
1 - Après le nom de votre fonction ce n'est pas un ";" mais un "{"

Code:

---

1 2	function verif() {

---

2 - Pour tester les valeurs de vos champs vous devez utiliser :

Code:

---

1 2	document.getElementById('nom').value

---

3 - Et enfin ajouter des "return false" après les "alerts" pour éviter que votre formulaire soit transmis si votre test n'est pas bon .

Ce qui vous donne :
Pour le code JS

Code:

---

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

function verif() { alert("on est passé par la fonction"); if (document.getElementById('nom').value == "") { alert("Veuillez indiquer un nom !"); return false; } if (document.getElementById('adresse').value == "") { alert("Veuillez indiquer une adresse !"); return false; } }

---

Et votre formulaire doit ressembler à cela :

Code:

---

1 2 3 4 5 6 7 8

<form method="post" action="" onsubmit="return verif();"> Nom : <input type="text" name="nom" id="nom" /><br /> Adresse : <input type="text" name="adresse" id="adresse" /> <input type="submit" name="button" id="button" value="Envoyer" /> </form>

---

re,

jumano, ton message est plein de trucs, et c'est clair
Il me faut un moment pour comprendre, un autre pour expérimenter

Je reviendrai

Merci

re,

alors là : FAMEUX...famous comme dit mon pote Beckham (on prenait une mousse y'a pas cinq minutes:D)

La diarrhée est terminée (jumano m'a fait l'effet d'un Imodium :yaisse2:)

Maintenant ça roule, mais le message de jumano est tellement dense qu'il me faut encore du temps pour TOUT comprendre (le return, le getElement et surtout le return false)
Mais ça viendra, je suis mulet


Merci jumano, tu m'as enlevé une belle épine du pied


@+

re,

j'ai peut-être compris :

dans la ligne HTML :

Code:

---

<FORM METHOD="POST" ACTION="http://perso0.free.fr/cgi-bin/form2mail.pl" onsubmit="return verif();">

---

le return signifie : attention, la fonction va retourner une valeur :
- si c'est false on arrête tout (sans faire de reset des champs)
- si c'est true, on continue

donc en toute rigueur, la série des tests devrait se terminer par :

Code:

---

1 2 3 4 5 6 7

if (document.getElementById('nomphoto').value == "photo.gif") { alert("Nom photo"); return false } return true; }

---

Je raconte pas le nombre de fautes (name pas remplacé par id, { ouverte et pas fermée...) que j'ai du me corriger


Discussion éminemment fertile.
Pour moi je marque Resolu demain


Grand merci à jumano-Beckham


@+

Bonjour,

j'ai continué de phosphorer autour de ce que jumano m'a appris et je me pose des questions subsidiaires :

1°
Si on se sert d' une fonction dans le genre de la notre, il est judicieux d'ajouter un bouton "reset" pour remettre les champs à leurs valeurs par défaut définis par la ligne HTML d'appel de la fonction ?

2°
La fonction ne peut pas retourner autre chose que les valeurs logiques false ou true, en effet, HTML est incapable d'en faire quoi que ce soit
Vrai ou Faux ?

3°
Par contre, la fonction est en plus capable d'afficher quelque chose par l'instruction write

4° la commande return dans

Code:

---

<FORM METHOD="POST" ACTION="http://perso0.free.fr/cgi-bin/form2mail.pl" onsubmit="return verif();">

---

prévient HTML qu'une valeur true ou false va être retournée
Si ce return est absent, l'alerte est affichée, mais au retour de la fonction l'éxécution continue et le formulaire est envoyé que la valeur de retour soit true ou false

Merci

Citation:

---

Envoyé par veevee

1°
Si on se sert d' une fonction dans le genre de la notre, il est judicieux d'ajouter un bouton "reset" pour remettre les champs à leurs valeurs par défaut définis par la ligne HTML d'appel de la fonction ?

---

Si je comprends bien tu voudrais que si ta fonction te renvoie "false" sur un test de champs, que ce dernier reprenne sa valeur initiale ...

Citation:

---

Envoyé par jumano

Si je comprends bien tu voudrais que si ta fonction te renvoie "false" sur un test de champs, que ce dernier reprenne sa valeur initiale ...

---

Bonjour,
et merci

Pas du tout, tout fonctionne impec', simplement j'ai BESOIN de comprendre

Merci