Probleme controle de saisie

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Probleme controle de saisie

joe77380

Bonjour a tous,

J'ai crée un formulaire, j'ai donc voulu y faire un contrôle de saisie pour éviter d'avoir un champ non rempli.
Ce controle de saisie fonctionn

Publicité

joe77380

....
fonctionnait trés bien sur l'ordinateur ou je faisais mon stage mais une fois chez moi il ne fonctionne plus je vous montre mon code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Formulaire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="form.css" />

<script type="text/javascript">

function verifForm()
{
if (document.getElementById('nom').value == "" )
{
alert('Champ "Nom" non rempli !');
}

if (document.getElementById('prenom').value == "" )
{
alert('Champ "Prenom" non rempli !');
}

if (document.getElementById('age').value == "" )
{
alert('Champ "Age" non rempli !');
}

if (document.getElementById('adresse').value == "" )
{
alert('Champ "adresse" non rempli !');
}

if (document.getElementById('tel').value == "" )
{
alert('Champ "tel" non rempli !');
}

}

</script>
</head>
<body>

<p><u><h2>Formulaire d'inscription :</h2></u> <p><br />
<form method="post" action="cible.php" onsubmit="verifForm()">

<fieldset>
<br />
<p>
<label>Nom : </label>
<input type="text" name="nom" size="30" /><br />
<label>Prenom : </label>
<input type="text" name="prenom" size="30" /><br />
<label>Age : </label>
<input type="text" name="age" size="2" /><br />

<p> <label>Sexe : </label>
<input type="radio" name="sexe" value="Homme"/>Homme
<input type="radio" name="sexe" value="Femme"/>Femme
</p><br />

<label>Adresse : </label>
<input type="text" name="adresse" size="30" /><br />
<label>Tel : </label>
<input type="text" name="tel" size="15" /><br />

<br />
<p><u>Commentaire :</u></p>
<textarea name="comment" rows="5" cols="40"></textarea><br /><br />

<input type="submit" value="Envoyer" />
</p>
<br />
</fieldset>

</form>

</body>
</html>

TheRom_S

tes getElementById ne peuvent pas fonctionner sur un attribut "name" mais sur un attribut "id"
compares avec ça :

Code :

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Formulaire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="form.css" />
<script type="text/javascript">
function verifForm() {
if (document.getElementById('nom').value == "" ) {
alert('Champ "Nom" non rempli !');
return false;
}
if (document.getElementById('prenom').value == "" ) {
alert('Champ "Prenom" non rempli !');
return false;
}
if (document.getElementById('age').value == "" ) {
alert('Champ "Age" non rempli !');
return false;
}
if (document.getElementById('adresse').value == "" ) {
alert('Champ "adresse" non rempli !');
return false;
}
if (document.getElementById('tel').value == "" ) {
alert('Champ "tel" non rempli !');
return false;
}
document.getElementById("fo" ).submit();
}
</script>
</head>
<body>
<p><u><h2>Formulaire d'inscription :</h2></u></p>
<br />
<form method="post" action="cible.php" id="fo">
<fieldset>
<br />
<p>
<label>Nom : </label>
<input type="text" name="nom" size="30" id="nom" /><br />
<label>Prenom : </label>
<input type="text" name="prenom" size="30" id="prenom" /><br />
<label>Age : </label>
<input type="text" name="age" size="2" id="age" /><br />
<p>
<label>Sexe : </label>
<input type="radio" name="sexe" value="Homme" id="sexe" />Homme
<input type="radio" name="sexe" value="Femme" id="sexe" />Femme
</p><br />
<label>Adresse : </label>
<input type="text" name="adresse" size="30" id="adresse" /><br />
<label>Tel : </label>
<input type="text" name="tel" size="15" id="tel" /><br />
<br />
<p><u>Commentaire :</u></p>
<textarea name="comment" rows="5" cols="40"></textarea><br /><br />
<a href="javascript:void(verifForm());">Envoyer</a>
</p>
<br />
</fieldset>
</form>
</body>
</html>

---------------
The Rom's, à votre service

joe77380

merci pour ton aide mais sa ne fonctionne pas

joe77380

si c'est bon ça fonctionne merci beaucoup !!!!!!

FORUM HardWare.fr

Programmation

HTML/CSS

Probleme controle de saisie

Sujets relatifs
Problème avec un script simple	[ACCESS]problème de mise a jour de données...
Problème Vb.Net TCP/IP	problème avce .jar
Problème pour créer une table avec phpmyadmin	[vbs] Problème avec la méthode ReadLine
Problème droits d'accès répertoire en C#	Probleme de date pour flux RSS
Problème avec la fonction "exec()"	Problème de mise à jour de formulaire
Plus de sujets relatifs à : Probleme controle de saisie

Page générée en 0.077 secondes