Javascript/submit à l'aide

Résolu/Fermé
bnawfal Messages postés 48 Date d'inscription mardi 6 mai 2008 Statut Membre Dernière intervention 2 octobre 2012 - 22 mai 2008 à 12:57
bnawfal Messages postés 48 Date d'inscription mardi 6 mai 2008 Statut Membre Dernière intervention 2 octobre 2012 - 26 mai 2008 à 12:12
Bonjour les ami(e)s,

je veux inclure une fonction javascript dans un bouton de type submit d'un formulaire mais je sais pas comment faire a

j'ai tanté ceci
<form name='form1' method='post' action='guestbookc3d3.php'>

<input...............>
.
.
.
.
.

<input type='submit' onclick='verif();' value=' ok '>

et voici la fontion javascript:

<!-- Vérification des champs obligatoires du formulaire
function verif()
{
var nom = document.form1.nom.value;
if (document.form1.nom.value == "")
{
alert ('Veuillez entrer votre nom c\'est obligatoire');
document.form1.nom.focus();
return false;
}


if(document.form1.commentaire.value == "")
{
alert ('Veuillez entrer votre commentaire');
document.form1.commentaire.focus();
return false;
}

else {return true;}
}
//-->


mais quand je clique sur ok la fonction verif() va verfié si un champ est vide juste la c tres bien mais si il ya un champ vide il afiche un message d 'erreur par ex 'veillez entrer votre nom c'est obligatoire' et quand je clique sur ok pour donner le nom il passe dirctement a execute le bouton de type submit il ne te donne meme pas de entrer le nom voici

est-ce-que quelqu'un pourra m'aider?

et merci d'avance

3 réponses

bwaze Messages postés 46 Date d'inscription mercredi 21 mai 2008 Statut Membre Dernière intervention 26 mai 2009 7
23 mai 2008 à 19:17
bonjour
essaye ce code pour voir :
function verif()
{
var nom = document.form1.nom.value;
if (document.form1.nom.value == "")
{
alert ('Veuillez entrer votre nom c\'est obligatoire');
//document.form1.nom.focus();
document.exit; //à verifier je ne suis pas sure de la syntaxe
}
if(document.form1.commentaire.value == "")
{
alert ('Veuillez entrer votre commentaire');
//document.form1.commentaire.focus();
document.exit;
}
else {document.submit();}
}

mais il faut que ton boutton soit declaré "button"
<input type="button" value="ok" onClick="verif()">
0
Alain_42 Messages postés 5358 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 902
23 mai 2008 à 21:37
Non essayes plutôt:


<form name='form1' method='post' action='guestbookc3d3.php' onSubmit="return verif();">

<input...............>
.
.
.
.
.

<input type='submit' name='envoyer' value=' ok '> 


et ton formulaire ne sera envoyé que si la fonction renvoie true

si elle renvoie false bien sur ça part pas et tu as le message d'alert de javascript

@lain
0
bnawfal Messages postés 48 Date d'inscription mardi 6 mai 2008 Statut Membre Dernière intervention 2 octobre 2012
26 mai 2008 à 12:12
salut

merci pour la réponse ca marche tres bien

@+
0