Controle JS avant avant soumission du formulaire
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:
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="» Validez ici" class="submit" /></p>
</form>
</body>
</html> |
Merci d'avance...