Formulaire HTML / JAVASCRIPT

saraseff Messages postés 125 Date d'inscription   Statut Membre Dernière intervention   -  
Dr4Co Messages postés 41 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
Je suis un peu perdue dans ce programme de vérification de champs d'un formulaire!!j'ai cherché sur le net mais j'ai pas trouvé la méthode que je veux alors j'ai rassembler un peu le tout et voilà ce que sa a donné mais le problème c'est que sa ne marche pas.
En fait j'ai deux fichiers : un pour le formulaire qui est celui ci :



<html>
    <head>
        <title> Formulaire </title>
         <script language="javascript"  src="lib.js">
         </script>
    </head>
 
    <body>
         <h1><center>Fiche de renseignements</center></h1>
         <form name= f1  >
             <table border=0>
                  <tr>
                      <td colspan=2>Nom:<input type=text  size=20 name="nom">&nbsp;
                              Prenom:<input type=text  size=20 name="prenom">&nbsp;
                              Mot de passe:<input type=password  size=15 name="pass">&nbsp; 
                              E-mail:<input  type=text   name="email">
                      </td>
                     
                 </tr>

                 <tr>
                       <td>Quel est votre niveau en HTML?&nbsp;&nbsp; 
                               <input type=radio  name="E1"  value="excellen">Excellent&nbsp;&nbsp; 
       
                        <input type=radio  name="E1"  value="bien">Bien&nbsp;&nbsp; 
       
                        <input type=radio  name="E1"  value="moyen">Moyen&nbsp;&nbsp; 
                       </td>
                 </tr>

                 <tr>
                       <td>Quelle est votre discipline preferee?
                              <select name=L1 >
                                      <option  name="info" selected>Informatique
                                      <option name="math">Mathematiques
                                      <option name="algebre">Algebre
                               </select>
                        </td>
                  </tr>

                  <tr>
                      <td>Vous vous etes inscrits en :</td>
                  </tr>

                  <tr>
                      <td><input type=checkbox  name="Z1"  value="deug">Deug&nbsp;&nbsp;
                              <input type=checkbox  name="Z1"  value="bts">BTS&nbsp;&nbsp;
                              <input type=checkbox  name="Z1"  value="iut">IUT&nbsp;&nbsp;
                              <input type=checkbox  name="Z1"  value="autre">Autre&nbsp;&nbsp;
                              à préciser--><input type=text   name="autre"  size=10></td>
                  </tr>
                  
                  <tr>
                      <td>Ecrivez ci-dessous le sujet de votre projet informatique</td>
                  </tr>
                  <tr>
                      <td><textarea cols=30 name="sujet" onclick=' sujet.value=" "; '>
                               Voici mon projet:




                              </textarea>
                      </td>
                  </tr>
              </table>
                       <center><table border width=70% height=20%>
                                            <tr align=center>
                                                <th > 
                                                            Envoyer ces informations<br>
                                                          <input type=submit   name="ok"  value="enregistrer"  onclick="checkfield( )">
                                                     
                                                </th>
                                                <th> 
                                                             Recommencer la saisie<br>
                                                          <input type=reset   name="no"  value="effacer">
                          
                                                </th>
                                             </tr>
                                          </table></center>
        
         </form>
    </body>
</html>



Et puis le fichier .js qui est celui la :



function checkfield()
   {
       x= window.document.forms[ "f1" ].elements.length;
       alert(x);
             for( i=0; i<x ;i++)
                 { 
                    y =window.document.forms[ "f1" ].elements[i].type;
                    switch(y)
                        {
                          case  "radio"  :
                               choix(window.document.forms[ "f1" ].elements[i].E1);
                                break;
                          case  "checkbox" :
                               choix(window.document.forms[ "f1" ].elements[i].Z1);
                                break;
                          case  "text":
                                verif1(window.document.forms[ "f1" ].elements[i].value);
                                break;
                          case  "select one" :
                                 verif2(window.document.forms[ "f1" ].elements[i].name);
                                 break;
                          case "textarea" :
                                 verif3(window.document.forms[ "f1" ].elements[i].name);
                                 break;
                          }
                  }
    }

function choix(bouton)
   {
      var resultat ="  ";
       j = bouton.length;
       for (i=0 ; i<j ; i++)
         {
             if ( bouton[i].checked)
                resultat + = bouton[i].value + " , " ;
          }
       if ( resultat = " ")
           alert('Vous devez au moins cocher une case');
      else
           
   }

 function verif1(texte)
  {
     var resultat1 = " " ;
     if (texte.name == "email" )
          verifemail(texte.value);
     else
       {
          if ( texte.value = " ")
             alert(' vous devez remplir le champ  ' + texte.name);    
          else
            {
               resultat1 + = texte.value  + " \n " ;
              
             }
        }
   }


  function verifemail(phrase)
    {
       if ( phrase == " ")
          alert('On a besoin de votre e-mail");
       else
           {
              dxaroba =phrase.indexOf('@');
              dxpoint = phrase.indexOf('.');
              if( (dxpoint <0) || (dxaroba <0) || (dxaroba == dxpoint +1) )
                  alert('e-mail incorrect');
              else
                 {
                     ademail=phrase.value;
                     
                  }
             }
     }

 function verif2(liste)
   {
      resultat2 = liste.value;
      
   }

 
 function verif3(area)
  { 
      if ( area.value == " ")
         alert('vous devez parler de votre projet');
      else
        {
           resultat3 = area.value ;
           
        }
   }          





Je vous prie de m'aider la dessus et de me donner un coup de main.Merci de me lire



6 réponses

Dr4Co Messages postés 41 Date d'inscription   Statut Membre Dernière intervention   2
 
Bonjour,

Formulaire :

- Tu cherche quoi exactement comme formulaire ?
- Un formulaire d'inscription ?
- Etc.... ???
0
saraseff Messages postés 125 Date d'inscription   Statut Membre Dernière intervention   2
 
En fait c'est juste un formulaire d'application pour maitriser la notion de formulaire donc je cherche à entrer les données appuyer sur le bouton enregistrer et vérifier si tous les champs ont été saisis correctement sinon je donne des alertes.
Le but après serait, si toutes les données sont corectes,de retourner toutes les informations saisies dans une zone précise d'un frame...Mais bon là je cherche plutot à résoudre ce problème de vérification après je suppose sa ne sera pas plus compliqué.

Merci de me rép
0
xav3601 Messages postés 3289 Date d'inscription   Statut Membre Dernière intervention   311
 
Tu peux détailler quel partie du code marche et laquelle ne marche pas stp...
Si rien ne marche, pose un question sur une verif en particulier.
une fois que tu en auras fais une, tu pourras faire les autres sans soucis!
0
Dr4Co Messages postés 41 Date d'inscription   Statut Membre Dernière intervention   2
 
Je crois s'avoir qu'elle et ton problème :

Pour en être sur : Tu utilise qu'elle logiciel ?
0
saraseff Messages postés 125 Date d'inscription   Statut Membre Dernière intervention   2
 
seulement le Bloc notes
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
saraseff Messages postés 125 Date d'inscription   Statut Membre Dernière intervention   2
 
Mais c'st vrai que xav a raison c'est trop vous demander de revoir tout le code peut ete je devrais testet partie par partie et j'ai commencé à le faire mais c'st vraiment galère déjà je ne sais pas pourquoi quand je lui demande de me retourner en alerte le nom et prénom que je lui entre il me l'efface!!!
Tu crois DR que sa a qqch à voir avec la version de HTML parce que pour les frames c'était cela le problème
0
Dr4Co Messages postés 41 Date d'inscription   Statut Membre Dernière intervention   2
 
dxaroba =phrase.indexOf('@');
dxpoint = phrase.indexOf('.');
if( (dxpoint <0) || (dxaroba <0) || (dxaroba == dxpoint +1) )
alert('e-mail incorrect');

-

dxaroba =phrase.indexO(/00/
f('@');
dxpoint = phrase.indexOf/0('.');

if( (dxpoint <1) || (dxaroba <0) || (dxaroba == dxpoint +2/0) )
alert('e-mail incorrect');

Bonne continuation :

Ps : renplace les chant de tes coordoné par celle qui son fournis en XHTML tu peut même placé du PHP ( si beson ;) )
0