test de plusieurs champs dans un formulaire

mouna2010 · 02/02/2011, 18h32

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

andry.aime · 02/02/2011, 18h55

Bonsoir

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/JavaScript">

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="button" name="bouton"  value="Afficher" onclick="verif_formulaire()">

A+.

mouna2010 · 02/02/2011, 19h11

merci de me repondre mais je veux que les fonctions test_CP et test_num_tel
soient incluses avec la fonction que verif_formulaire

andry.aime · 02/02/2011, 19h23

Citation:

Envoyé par mouna2010

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

ABCIWEB · 02/02/2011, 19h40

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

angello2299 · 02/02/2011, 20h21

Citation:

Envoyé par andry.aime

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

ABCIWEB · 02/02/2011, 21h25

Citation:

Envoyé par angello2299

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é ?

02/02/2011, 18h55	#2
andry.aime Rédacteur/Modérateur Andry Aimé Inscription : septembre 2007 Messages : 5 126 Détails du profil Informations personnelles : Nom : Andry Aimé Localisation : Ile Maurice Informations forums : Inscription : septembre 2007 Messages : 5 126 Points : 7 270 Points : 7 270	Bonsoir Code : Sélectionner tout - Visualiser dans une fenêtre à part <script type="text/JavaScript"> Code html : Sélectionner tout - Visualiser dans une fenêtre à part <input type="button" name="bouton" value="Afficher" onclick="verif_formulaire()"> A+.
	00

02/02/2011, 19h11	#3
mouna2010 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
	00

02/02/2011, 19h40	#5
ABCIWEB 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.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email