Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 02/02/2011, 18h32   #1
Invité de passage
 
Inscription : juillet 2009
Messages : 45
Détails du profil
Informations forums :
Inscription : juillet 2009
Messages : 45
Points : 2
Points : 2
Par défaut test de plusieurs champs dans un formulaire

je cherche à tester tous les champs dans le code suivant avec les fonctions ecrites et ce en appuyant sur le bouton Afficher


Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<title>Document sans nom</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<script language="JavaScript"> 
function verif_formulaire() 
 {  
    if(document.formulaire.nom.value == "")  
         { 
              alert("Veuillez entrer votre nom!"); 
              document.formulaire.nom.focus(); 
                return false; 
           } 
    if(document.formulaire.prenom.value == "") 
          { 
              alert("Veuillez entrer votre prenom!"); 
              document.formulaire.prenom.focus(); 
                return false; 
           } 
 if(document.formulaire.email.value == "")  
         { 
       alert("Veuillez entrer votre adresse email!"); 
        document.formulaire.email.focus(); 
          return false; 
       } 
 // verifie que le champ comprend bien un @ 
 if(document.formulaire.email.value.indexOf('@') == -1) 
      { 
           alert("Le format de l'email n'est pas valide!"); 
           document.formulaire.email.focus(); 
            return false; 
      } 
} 
</script> 
<script language="javascript"> 
function test_CP(x){ 
    x.style.borderColor=""; 
    var valobj=x.value; 
        var ch=x.value; 
    var recherche = /^[0-9]{4,5}$/; 
    var resultat = recherche.test(valobj); 
    if(!resultat || valobj=="" || x.value.length>4)  
 
 
{ 
          alert("Code postale invalide !"); 
          x.style.borderColor="red"; 
          x.focus(); 
        }      
        return true; 
} 
 
</script> 
<script language="javascript"> 
function test_num_tel(y){ 
    y.style.borderColor=""; 
    var valobj=y.value; 
    var recherche = /^[0-9]{8,13}$/; 
    var resultat = recherche.test(valobj); 
    if(!resultat && valobj=="")  
        {    alert("Numero invalide !"); 
            y.style.borderColor="red"; 
            y.focus(); 
        }  
    return true;} 
 
 
 
 
 
</script> 
 
 
</head> 
 
<BODY>Tapez votre texte:<br> 
<FORM METHOD=POST ACTION="" NAME="formulaire"> 
 nom : <INPUT TYPE="text" NAME="nom"><BR> 
 prénom :<INPUT TYPE="text" NAME="prenom"><BR> 
 mail: <INPUT TYPE="text" NAME="email"><BR> 
 Code Postale: <INPUT TYPE="text" NAME="x"><BR> 
tel:<INPUT TYPE="text" NAME="y"><BR> 
 
<INPUT TYPE="button" NAME="bouton"  VALUE="Afficher"> 
</FORM> 
</BODY> 
 
</html>
mouna2010 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/02/2011, 18h55   #2
Rédacteur/Modérateur
 
Avatar de andry.aime
 
Homme Andry Aimé
Inscription : septembre 2007
Messages : 5 126
Détails du profil
Informations personnelles :
Nom : Homme Andry Aimé
Localisation : Ile Maurice

Informations forums :
Inscription : septembre 2007
Messages : 5 126
Points : 7 270
Points : 7 270
Bonsoir
Code :
<script type="text/JavaScript">
Code html :
<input type="button" name="bouton"  value="Afficher" onclick="verif_formulaire()">

A+.
andry.aime est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/02/2011, 19h11   #3
Invité de passage
 
Inscription : juillet 2009
Messages : 45
Détails du profil
Informations forums :
Inscription : juillet 2009
Messages : 45
Points : 2
Points : 2
merci de me repondre mais je veux que les fonctions test_CP et test_num_tel
soient incluses avec la fonction que verif_formulaire
mouna2010 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/02/2011, 19h23   #4
Rédacteur/Modérateur
 
Avatar de andry.aime
 
Homme Andry Aimé
Inscription : septembre 2007
Messages : 5 126
Détails du profil
Informations personnelles :
Nom : Homme Andry Aimé
Localisation : Ile Maurice

Informations forums :
Inscription : septembre 2007
Messages : 5 126
Points : 7 270
Points : 7 270
Citation:
Envoyé par mouna2010 Voir le message
merci de me repondre mais je veux que les fonctions test_CP et test_num_tel
soient incluses avec la fonction que verif_formulaire
tu n'as que les appelé dans la fonction verif_formulaire
andry.aime est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/02/2011, 19h40   #5
Membre Expert
 
Inscription : septembre 2010
Messages : 1 239
Détails du profil
Informations forums :
Inscription : septembre 2010
Messages : 1 239
Points : 1 559
Points : 1 559
J'ai donné un exemple de contrôle de différents champs de formulaire (y compris le test sur le téléphone) ici
Tu peux le tester dans une page séparée pour voir le fonctionnement et éventuellement t'en inspirer. Déjà cela t'éviterais les multiples alertes javascript qui sont pas très sexy
__________________
- Réalisations
- Interface graphique : génération en javascript d'objets défilants, texte et/ou images, mode horizontal ou vertical.
ABCIWEB est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/02/2011, 20h21   #6
Invité de passage
 
Inscription : février 2011
Messages : 10
Détails du profil
Informations forums :
Inscription : février 2011
Messages : 10
Points : 2
Points : 2
Citation:
Envoyé par andry.aime Voir le message
tu n'as que les appelé dans la fonction verif_formulaire
stp tu peux le faire pour moi??je suis debutant en javascript
et je voudrais testé ce code mais je sais pas comment je doit appelé les deux fonctions dans la fonction verif_formulaire
angello2299 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/02/2011, 21h25   #7
Membre Expert
 
Inscription : septembre 2010
Messages : 1 239
Détails du profil
Informations forums :
Inscription : septembre 2010
Messages : 1 239
Points : 1 559
Points : 1 559
Citation:
Envoyé par angello2299 Voir le message
stp tu peux le faire pour moi??je suis debutant en javascript
Et bien justement dans ce lien (que je t'ai déjà donné) c'est déjà tout fait.
Il y a même une fonction "function Verif_valide(id_input, regex)" qui te permet de tester le contenu d'un input avec une expression régulière, donc utile pour tes téléphones, CP voir même l'email. Il te suffit de copier l'ensemble du script dans une page vide et de tester, tu as essayé ?
__________________
- Réalisations
- Interface graphique : génération en javascript d'objets défilants, texte et/ou images, mode horizontal ou vertical.
ABCIWEB est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 05h43.


 
 
 
 
Partenaires

Hébergement Web