Probleme dans la verificaton du champ d'un formulaire
Bonjour,
j'essaye de créer une page simple dans laquelle il y a un champ text a remplir avant de cliquer sur le bouton "soumettre". J'aimerais que le formulaire ne soit validé que si ce champ a été renseigné par l'utilisateur.
Cas simple et donc je présume hyper classique. Evidemment il y a des méthodes sur ce site et c'ets très bien expliqué. Ce que j'aimerais savoir, c'est pourquoi ce que j'ai mis ne fonctionne pas: le formulaire est envoyé à l'url de action dans tous les cas:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
|
<html>
<head>
<title>page d'identification</title>
<script language="Javascript">
function verifier()
{
if (document.a.nom.value=="3 )
{
alert("veuillez entrez votre nom");
}
else
{document.a.submit();
}
}
</script>
</head>
<body>
<p align="center">
<form method="post" name="a" action="page1.html">
<input type="text" name="nom">
<Input type="submit" value= "Envoyer" onCLick="verifier();" >
</form>
</p>
</body>
</html> |
voici le code incriminé. Merci à vous pour votre aide :)
Re: Probleme dans la verificaton du champ d'un formulaire
Pour le faire proprement:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
|
<html>
<head>
<title>page d'identification</title>
<script language="Javascript">
function verifier()
{
if (document.a.nom.value=="3 )
{
alert("veuillez entrez votre nom");
return false;
}
return true;
}
</script>
</head>
<body>
<p align="center">
<form method="post" name="a" action="page1.html" onsubmit="return verifier()">
<input type="text" name="nom">
<Input type="submit" value= "Envoyer">
</form>
</p>
</body>
</html> |
Le gros avantage du code ci-dessus par rapport à la solution précedente: ça marche même sans javascript (même si ça ne fait pas les controles, tu peux soumettre le formulaire). De plus, tu peux acceder au bouton avec Tab puis enter (marche pas avec un onclick).
Donc en résumé, c'est plus mieux comme solution :)