Discussion :

[veevee]

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 HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code Javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[KawaJVC]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[veevee]

re,

et merci, j'ai fait un copier/coller

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

Je suis furibard (contre moi)

Je cherche encore


A+

[Jumano]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
function verif() {

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[veevee]

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

[veevee]

re,

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

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

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


@+

[veevee]

re,

j'ai peut-être compris :

dans la ligne HTML :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 JS :

Sélectionner tout - Visualiser dans une fenêtre à part

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


@+

[veevee]

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 HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

[Jumano]

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 ...

[veevee]

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