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


@+