Controle JS avant avant soumission du formulaire

**okoweb** · 08/09/2010, 12h32

Bonjour,
J'ai le formulaire ci-dessous et je souhaite renvoyer ses saisies vers une page PHP. Je voudrai que tant que les champs nom et prénom du formulaire ne sont pas remplis, qu'une alerte JS soit affichée et dans le cas contraire qu'il soit envoyé.

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Contrôle formulaire en JS</title>
</head>
<body>
  <form action="" method="post" id="census">
    <p><em>* Champs obligatoires</em></p>
		<fieldset id="one">
    <legend>Informations personnelles</legend>
		<ul>
    <li>
    <label for="nom" class="oblig" title="Veuillez saisir votre nom en lettres majuscules">*Nom:</label>
    <input type="text" name="nom" id="nom" class="text" tabindex="1" title="Veuillez saisir votre nom en lettres majuscules" onchange="this.value=this.value.toUpperCase();" />
		<span class="legende">Ex : pour mariée 'SOMBANG née NENDOU'</span>
    </li>
    <li>
    <label for="prenom" class="oblig" title="Veuillez saisir votre prénom">*Prénom:</label>
    <input type="text" name="prenom" id="prenom" tabindex="2" class="text" title="Veuillez saisir votre prénom" />
		<span class="legende">Ex : Liliane</span>
    </li>
		<li class="choix">
    <label for="sexe"  class="oblig">*Sexe:</label>
    <input type="radio" name="sexe" id="sexe" value="1" class="radio" checked="checked" />Masculin <input type="radio" name="sexe" value="2" class="radio" />Féminin
    </li>
		</ul>
    </fieldset>
    <p class="boutons"><input type="submit" value="&raquo; Validez ici" class="submit" /></p>
  </form>
</body>
</html>

Merci d'avance...