test de plusieurs champs dans un formulaire

**mouna2010** · 02/02/2011, 19h32

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, 19h55

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, 20h11

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, 20h23

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

**angello2299** · 02/02/2011, 21h21

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, 22h25

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

**ABCIWEB** · 02/02/2011, 20h40

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

test de plusieurs champs dans un formulaire

JavaScript

Vue hybride

Discussions similaires

Partager

Partager