Formulaire avec validation

**devilwu** · 20/01/2009, 11h20

Bonjour,
Je débute en Javascript et je suis tombé sur un formulaire:

Je l'ai trouvé très simple et c'est exactement ce qu'il me faut mais j'aimerais ajouter des champs comme nom, adresse, etc..
Comment faire pour qu'ils soient aussi valider comme prénom ?
Voilà mon code:

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
(...)
<script type="text/javascript">
//<![CDATA[
function valider(){
  // si la valeur du champ prenom est non vide
  if(document.formSaisie.prenom.value != "")
 {
    // les données sont ok, on peut envoyer le formulaire    
    return true;
  }
  else {
    // sinon on affiche un message
    alert("Saisissez le prénom");
    // et on indique de ne pas envoyer le formulaire
    return false;
  }
}
//]]>
</script>
</head>
<body>
    <form action="url_page_suivante" onsubmit="return valider()"
      method="get" name="formSaisie">
        <p> 
            <label for="prenom">Saisissez votre prénom :</label>
            <input type="text" name="prenom" id="prenom" />
        </p>
        <p> 
            <label for="nom">Saisissez votre nom :</label>
            <input type="text" name="nom" id="nom" />
        </p>
        <p>
            <input type="submit" value="Ok" />
        </p>
</form>
</body>
(...)

Devilwu

**Matthieu2000** · 20/01/2009, 11h23

http://javascript.developpez.com/faq...#verifTousTxts

**EIN-LESER** · 20/01/2009, 11h30

simple

tu fais une fonction par champ a valider par exemple

Code :

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

1
2
 
validerprenom()

et une fois que tu a fais toutes les fonctions de vérifications tu les appelle dans une fonction :

Code :

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

1
2
3
4
5
6
7
8
9
 
function verifications(){
	if (verificationDate()==true&&verification_nom()==true&&verification_prenom()==true&&verification_numrue()==true&&verification_nomrue()==true&&verification_code_postal()==true&&verification_ville()==true&&verification_mail()==true&&verification_pseudo()==true&&verification_pass()==true){
		return true;
	}
	else{		
		return false;
	}
}