Sujet Précédent Sujet Suivant

Formulaire HTML / JAVASCRIPT

Fermé
saraseff Messages postés 125 Date d'inscription lundi 2 novembre 2009 Statut Membre Dernière intervention 27 avril 2013 - 27 mai 2010 à 11:28
Dr4Co Messages postés 41 Date d'inscription dimanche 24 janvier 2010 Statut Membre Dernière intervention 19 mars 2011 - 27 mai 2010 à 12:33
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



A voir également:

6 réponses

Réponse 1 / 6
Dr4Co Messages postés 41 Date d'inscription dimanche 24 janvier 2010 Statut Membre Dernière intervention 19 mars 2011 2
27 mai 2010 à 11:31
Bonjour,

Formulaire :

- Tu cherche quoi exactement comme formulaire ?
- Un formulaire d'inscription ?
- Etc.... ???
0
Réponse 2 / 6
saraseff Messages postés 125 Date d'inscription lundi 2 novembre 2009 Statut Membre Dernière intervention 27 avril 2013 2
27 mai 2010 à 11:47
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 3288 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 2 mars 2016 311
Modifié par xav3601 le 27/05/2010 à 11:53
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
Réponse 3 / 6
Dr4Co Messages postés 41 Date d'inscription dimanche 24 janvier 2010 Statut Membre Dernière intervention 19 mars 2011 2
27 mai 2010 à 12:04
Je crois s'avoir qu'elle et ton problème :

Pour en être sur : Tu utilise qu'elle logiciel ?
0
Réponse 4 / 6
saraseff Messages postés 125 Date d'inscription lundi 2 novembre 2009 Statut Membre Dernière intervention 27 avril 2013 2
27 mai 2010 à 12:29
seulement le Bloc notes
0

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

Posez votre question
Réponse 5 / 6
saraseff Messages postés 125 Date d'inscription lundi 2 novembre 2009 Statut Membre Dernière intervention 27 avril 2013 2
27 mai 2010 à 12:31
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
Réponse 6 / 6
Dr4Co Messages postés 41 Date d'inscription dimanche 24 janvier 2010 Statut Membre Dernière intervention 19 mars 2011 2
27 mai 2010 à 12:33
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

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire
azixe -
cs_Le Pivert -

1 réponse
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Saut de lignes sans <br/>
Rapi-shiny -
Rapi-shiny -

13 réponses