Actualité informatique
Test comparatif matériel informatique
Jeux vidéo
Astuces informatique
Vidéo
Télécharger
Services en ligne
Forum informatique
01Business

|-  INTERNET


|||-  

Vérifier un formulaire avec Javascript (Résolu)

 

130 utilisateurs inconnus
Ajouter une réponse
 

 
Page photos
 
     
Vider la liste des messages à citer
 
 Page :
1
Auteur
 Sujet :

Vérifier un formulaire avec Javascript (Résolu)

Prévenir les modérateurs en cas d'abus 
User Name
RIP Micro Hebdo.
  1. homepage
user-name
Débutant confirmé (de 1 000 à 4 999 messages postés)
  1. Posté le 11/04/2010 à 00:40:57  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Bonjour à tous,
 J'ai un projet à rendre pour demain (ou devrais-je dire aujourd'hui, vu l'heure!) soir en HTML/CSS/Javascript et vu qu'on a eu très peu de séances de cours à ce sujet, je patauge!
 Je souhaite effectuer les codes suivants:

 - Vérifier que les champs d'un formulaire ne sont pas vides. Si un champ est vide à la soumission, retourner un message d'alerte contenant le champ en question.
 - Vérifier que deux champs spécifiques du formulaire contiennent la même valeur. Si ce n'est pas le cas, retourner un message d'erreur (prendre le nom des deux champs en paramètre).
 - Vérifier que certains champs ne possèdent pas ou possèdent certains caractères (comme l'arobase pour "e-mail" par exemple ou que des chiffres pour l'age).

 Pour le premier, voici un semblant de code:
 



   function checkEmpty(str)
     {
      if (document.forms['registration'].elements['pren​om'].value="" )
       {
        alert('Oops! You forgot your '+document.forms['registration'].elements['pren​om']);
       }
      else
       {
        var i=0;
        while (str.charAt(i) != (" " ) && (i<str.length-1))
         {
          i=i+1;
         }
        if (i<str.length-1)
         {
          alert('Your '+document.forms['registration'].elements['pren​om']+' field cannot contain spaces.');
         }
       }
     }




 Je voudrais l'appliquer à tous les champs, et pas seulement à "prénom". Pour les deux autres, mes recherches sont infructueuses. Enfin, je n'arrive pas à savoir comment faire en sorte que les Javascripts se déclenchent au clic du bouton de soumission dans la form.

 Merci d'avance pour vos réponses, urgentes de préférence!

 :edit Désolé pour l'absence d'indentation dans le code, vu que les balises  ne fonctionnent pas ici!



---------------
Ma configuration. Mon bleug.
RIP Micro Hebdo.
  1. homepage
user-name
Débutant confirmé (de 1 000 à 4 999 messages postés)
  1. Posté le 18/04/2010 à 14:25:31  
  1. answer
  1. Prévenir les modérateurs en cas d'abus
 
Bon, pour ceux que ça peut aider, voici ma procédure:
 



<script type="text/javascript">
    function verify()
    {
     var j=0;
       for (j=0; j<8; j++)
        {
         if (document.forms[1].elements[j].value=="&#​034; )
          {
           alert('A fatal error has occured. '+document.forms[1].elements[j].name+' field is blank.');
           return false;
           break;
          }
        }
       if (isNaN(document.forms[1].elements[2].value))
        {
         alert('Warning. Age is not a number.');
         return false;
        }
       else
        {
         if (document.forms[1].elements[2].value<5)
          {
           alert('Sorry, your age does not allow you to join our team. Come back when you are older.');
           return false;
          }
         else
         {
          if(document.forms[1].elements[2].value>100)
          {
           alert('Sorry, your age does not allow you to join our team. Come back when you are younger.');
           return false;
          }
         }
        }
        if (document.forms[1].elements[5].value.length<​;3)
        {
         alert(document.forms[1].elements[5].name+' must be at least 3 characters.');
         return false;
        }
        if (document.forms[1].elements[6].value.length<​;6)
        {
         alert(document.forms[1].elements[6].name+' must be at least 6 characters.');
         return false;
        }
       var i=0;
       while ((i<document.forms[1].elements['Email'].value.len​gth)&&(document.form​s​[1].elements['Email'].value.ch​arAt(i)!='@'))
       {
        i=i+1;
       }
       if (i>=document.forms[1].elements['Email'].value.len​gth-1)
       {
        alert('Warning. The e-mail address field is not properly filled.');
        return false;
       }
       else
       {
        while((i<document.forms[1].elements['Email'].value.len​gth)&&(document.form​s​[1].elements['Email'].value.ch​arAt(i)!='.'))
        {
         i=i+1;
        }
        if ((i>=document.forms[1].elements['Email'].value.len​gth-1)||(document.fo​rms[1].el​ements['Email'].value.charAt(i​-1)=='@'))
         {
          alert('Warning. The e-mail address field is not properly filled.');
          return false;
         }
       }
       if (((document.forms[1].elements['Email'].value)!=(​document.forms[1].elements['Em​ail confirmation'].value))||((document.forms[1].elements['Password'].value)​!=(document.forms[1].elements[​'Confirm password'].value)))
        {
         alert('Warning. One of the confirmation fields does not match the original value.');
         return false;
        }
     return true;
    }
   </script>



 Enfin, le grand secret, c'est que pour l'utiliser dans la form, il faut rajouter ceci:
 



<form onsubmit="return verify()" action="thanks.html" method="post" id="registration">



 Et voilà! ;)


---------------
Ma configuration. Mon bleug.
(Publicité)
 Page :
1

Aller à :
 

Sujets relatifs
Recherche formulaire de contact en HTML vérifier l'orthographe de mon email avant d'envoyer (TELE2)
conseil pour vérifier le débit adsl (résolu ) plein de petit javascript
problème d'importation de Favoris vers Firefox [Résolu] comment verifier mon debit ?
Verifier si sa ligne est occupée  
Plus de sujets relatifs à : Vérifier un formulaire avec Javascript (Résolu)

Les 5 sujets de discussion précédents Nombre de réponses Dernier message
Limiter le nombre de téléchargements sur son site 6
Changer de nom de domaine sans résilier chez 1&1 2
Limiter mon site Free aux utilisateurs d'un forum PhpBB3 3
Problème de changement de langue avec Invision Power Board 2
Supprimer un site 8