alert et submit

Version imprimable

alert et submit

Bonjour à tous !
J'ai écrit le bout de code ci-dessous et évidemment j'ai un petit souci...
Ce code écrit tout simplement un formulaire avec un champ texte. Si le champ est vide, il affiche une boite d'alerte.
Le pb est que lorsque je clique sur OK de la boite d'alerte, il valide quand même le formulaire et m'envoie vers la page toto.pl...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <script type="text/javascript"> function afficher(formulaire){ if (document.F.prenom.value == ""){ alert("Vous n'avez pas tapé de prénom "); document.F.prenom.focus(); return false; } else { formulaire.submit(); return true; } } </script> <form name="F" method="POST" action="http://clpi02/cgi-bin/toto.pl" enctype="multipart/form-data"> <p> <label for="prenom">Saisissez votre prénom :</label> <input type="text" name="prenom" id="prenom" /> <input type="submit" value="Ok" onClick="afficher(this.form)" /> </p> </form>
D'où ma question : comment faire pour qu'après avoir cliqué sur OK de l'alerte on revienne au formulaire et qu'une fois tous les champs bien remplis on soit bien réorienté vers la page toto.pl.

J'ai vu des messages similaires sur le forum, mais j'ai pas vraiment saisi la réponse. Je sens que c'est assez bête comme question, mais je ne vois pas la solution...

Merci de votre aide !

23/11/2005, 16h09
zekey

il faut que tu deplaces ton script dans l'attribut onsubmit="return confirm()" du ta FORM.
Je te signale que ce n'est pas le bon FORUM pour cela.

Merci !!!!!!!!!!!! :merci:
ca marche comme ça !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script type="text/javascript">
 
function afficher(formulaire){
  if (document.F.prenom.value == ""){
     alert("Vous n'avez pas tapé de prénom ");
     document.F.prenom.focus();
     return false;
}
else {
	formulaire.submit();
	return true;
}
}
</script>
 
<form name="F" onsubmit="return afficher()" method="POST" action="http://clpi02/cgi-bin/toto.pl" enctype="multipart/form-data">
  <p>
    <label for="prenom">Saisissez votre prénom :</label>
    <input type="text" name="prenom" id="prenom" />
    <input type="submit" value="Ok"  />
  </p>
</form>