Javascript - Vérification de champ

Résolu/Fermé
Ddjo - 9 déc. 2008 à 14:45
mistu17 Messages postés 97 Date d'inscription jeudi 10 janvier 2008 Statut Membre Dernière intervention 14 mai 2009 - 9 déc. 2008 à 15:26
Bonjour,
voilà j'aimerai vérifier le champ d'un formulaire avant de l'envoyer : le formulaire (tout simple) est le suivant :

<form method="post" name="phrase" onSubmit="javascript:return verifchamp();" action="... .php" >

<input type="text" size="150" name="phraseFR">

<INPUT type="submit" value="Ajouter la phrase">


la fonction javascript est la suivante :

function verifchamp()
{
var msg="";
if (document.phrase.phraseFR.value == "")
{
msg += "Veuillez rentrer une phrase";
}

if (msg == "")
{
return(true);
}
else
{
alert(msg);
return(false);
}
}

Ca m'agace !!!! ca paraît bon et en fait pas du tout !!!!...... lol donc si quelqu'un pouvait m'aider, ce ne serait pas de refus !!! Merci beaucoup!

2 réponses

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
9 déc. 2008 à 15:18
Bonjour,

en mettant des id dans tes input essayes comme ça:

<html>
<head>
<script language="javascript">
function verifchamp(){
	//test premier input
	var obj=document.getElementById('phraseFR');
	if (obj.value == ""){
		 alert("Veuillez rentrer une phrase");
	 return false; // la saisie n'est pas ok donc on sort tout de suite en renvoyant false pour que le formulaire ne parte pas
	}
	//test 2ieme input
	var obj=document.getElementById('id du 2 ieme input');
	if (obj.value == ""){
		 alert("Veuillez rentrer .......");
	 return false; // la saise n'est pas ok donc on sort tout de suite en renvoyant false pour que le formulaire ne parte pas
	}
	//etc...
return true; //si on en a pas trouvé de vide alors on renvoie true et le form partira
} 
</script>
</head>
<body>
<form method="post" name="phrase" onSubmit="javascript:return verifchamp();" action="... .php" >

<input type="text" name="phraseFR" id="phraseFR" value="" size="150" >

<input type="submit" name="envoyer" value="Ajouter la phrase">
</form>
....


@lain
0
youpi merci ca marche !!! mince j'aurai bien aimer comprendre pourquoi la précédente ne marchait pas, surtout que j'en ai d'autre dans mon site, mais celle la je sais pas pourquoi, elle voulait pas !

En tout cas merci beaucoup d'avoir pris le temps Alain ! salut !
0
mistu17 Messages postés 97 Date d'inscription jeudi 10 janvier 2008 Statut Membre Dernière intervention 14 mai 2009 18
9 déc. 2008 à 15:26
Salut,

Essaye ce code cela devrait t'aider :

<html>
<head>
<script language="Javascript">
function verifchamp()
{
var msg="";
if (document.getElementById('idphraseFR').value == "")
{
msg += "Veuillez rentrer une phrase";
}

if (msg == "")
{
document.getElementById('monform').submit();
return(true);
}
else
{
alert(msg);
return(false);
}
}
</script>
</head>
<body>
<form method="post" name="phrase" action="" id="monform">

<input type="text" size="150" name="phraseFR" id="idphraseFR">

<input type="button" onClick="javascript:return verifchamp();" value="Ajouter la phrase">
</form>
</body>
</html>
0