Probleme controle de saisie

Probleme controle de saisie - HTML/CSS - Programmation

Marsh Posté le 09-08-2007 à 17:12:50    

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

Reply

Marsh Posté le 09-08-2007 à 17:12:50   

Reply

Marsh Posté le 09-08-2007 à 17:16:09    

....
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>

Reply

Marsh Posté le 09-08-2007 à 18:15:18    

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

Code :
  1. <?xml version="1.0"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  4. <head>
  5.   <title>Formulaire</title>
  6.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  7.   <link rel="stylesheet" media="screen" type="text/css" title="Design" href="form.css" />
  8.   <script type="text/javascript">
  9. function verifForm() {
  10.   if (document.getElementById('nom').value == "" ) {
  11.     alert('Champ "Nom" non rempli !');
  12.     return false;
  13.   }
  14.   if (document.getElementById('prenom').value == "" ) {
  15.     alert('Champ "Prenom" non rempli !');
  16.     return false;
  17.   }
  18.   if (document.getElementById('age').value == "" ) {
  19.     alert('Champ "Age" non rempli !');
  20.     return false;
  21.   }
  22.   if (document.getElementById('adresse').value == "" ) {
  23.     alert('Champ "adresse" non rempli !');
  24.     return false;
  25.   }
  26.   if (document.getElementById('tel').value == "" ) {
  27.     alert('Champ "tel" non rempli !');
  28.     return false;
  29.   }
  30.   document.getElementById("fo" ).submit();
  31. }
  32.   </script>
  33. </head>
  34. <body>
  35.   <p><u><h2>Formulaire d'inscription :</h2></u></p>
  36.   <br />
  37.   <form method="post" action="cible.php" id="fo">
  38.    <fieldset>
  39.     <br />
  40.     <p>
  41.      <label>Nom : </label>
  42.      <input type="text" name="nom" size="30" id="nom" /><br />
  43.      <label>Prenom : </label>
  44.      <input type="text" name="prenom" size="30" id="prenom" /><br />
  45.      <label>Age : </label>
  46.      <input type="text" name="age" size="2" id="age" /><br />
  47.      <p>
  48.       <label>Sexe : </label>
  49.       <input type="radio" name="sexe" value="Homme" id="sexe" />Homme
  50.       <input type="radio" name="sexe" value="Femme" id="sexe" />Femme
  51.      </p><br />
  52.      <label>Adresse : </label>
  53.      <input type="text" name="adresse" size="30" id="adresse" /><br />
  54.      <label>Tel : </label>
  55.      <input type="text" name="tel" size="15" id="tel" /><br />
  56.      <br />
  57.      <p><u>Commentaire :</u></p>
  58.      <textarea name="comment" rows="5" cols="40"></textarea><br /><br />
  59.      <a href="javascript:void(verifForm());">Envoyer</a>
  60.     </p>
  61.     <br />
  62.    </fieldset>
  63.   </form>
  64. </body>
  65. </html>


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

Marsh Posté le 09-08-2007 à 18:45:57    

merci pour ton aide mais sa ne fonctionne pas :(

Reply

Marsh Posté le 09-08-2007 à 18:49:18    

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

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed