[php]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<link href='style.css' rel='stylesheet'>
<script language="javascript">
function verifierFormulaire(email, annee, nom, prenom){
var verif = true;
if (checkName(nom)){
//alert("ok1");
if (checkName(prenom)){
//alert("ok2");
if(checkAnnee(annee)){
//alert("ok3");
if(checkMail(email))
verif = false;
document.forms.formulaire.submit();
}
}
}
if (verif)
alert("Un ou plusieurs champ(s) non(s) correct(s) !");
}
function checkMail(email) {
if ((email.indexOf("@")>=0)&&(email.indexOf(".")>=0)) {
alert("ok !");
return true;
}
else {
alert("Mail invalide !");
return false;
}
}
function checkAnnee(annee){
var maReg = new RegExp ( "[^0-9]", "gi" ) ;
if ( annee.search( maReg ) == -1 ){
if ((annee > 1943)&&(annee < 1992)) {
return true;
}
else if (annee <= 1943){
//alert("Vous etes trop vieux !");
return false;
}
else{
//alert("Vous etes trop jeune !");
return false;
}
}
else
alert("date erronne");
}
function checkName( nom, prenom )
{
var maReg = new RegExp ( "[^a-zA-Z-çéèàïëöüîêôû]", "gi" ) ;
if (nom.indexOf("")>=0){
if ( nom.search( maReg ) == -1 ){
//alert( "nom et prenom ok !!" ) ;
return true;
}
else if (nom.search ( maReg ) != -1 ){
//alert ( "errorr !" ) ;
return false;
}
}
}
</script>
</head>
<body>
<h1 class="centrer">Fichier</h1>
<a href="index.html">Retour page d'accueil</a>
<table class="none" width="50%" border="1" cellspacing="1" cellpadding="1" >
<tr>
<td rowspan="3"><img src="photo.png" alt="Photo" /></td>
<td>Nom : Eric Clapton</td>
</tr>
<tr>
<td>Date de naissance : 30/03/1945</td>
</tr>
<tr>
<td>Email :
[email protected]</td>
</tr>
<tr>
<td>Département :</td>
<td>Informatique</td>
</tr>
<tr>
<td>Grade :</td>
<td>Technicien</td>
</tr>
<tr>
<td>Badge :</td>
<td>3r1C&@pt0n</td>
</tr>
</table>
<br />
<form name="formulaire" class="centrer" method="post" action="try.php">
<fieldset class="champ1" class="centrer">
<legend>Modification de la fiche</legend>
<p>
<label for="nom">Votre nom :</label>
<input type="text" name="nom" id="nom" /><br />
<label for="prenom">Votre prénom :</label>
<input type="text" name="prenom" id="prenom" /><br />
<label for="jour">Date de naissance :</label>
<select name="jour" id="jour" />
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="mois" id="mois" />
<option value="01">Janvier</option>
<option value="02">Février</option>
<option value="03">Mars</option>
<option value="04">Avril</option>
<option value="05">Mai</option>
<option value="06">Juin</option>
<option value="07">Juillet</option>
<option value="08">Aout</option>
<option value="09">Septembre</option>
<option value="10">Octobre</option>
<option value="11">Novembre</option>
<option value="12">Décembre</option>
</select>
<input type="text" style="width:40px" name="annee" id="annee" /><br />
<label for="email">Saisir email :</label>
<input type="text" name="email" id="email"/><br />
<label for="departement">Département</label>
<select name="departement" id="departement">
<option value="Informatique">Informatique</option>
<option value="Sciences">Sciences</option>
<option value="Arts">Arts</option>
</select>
<br />
<label for="profession">Profession :</label>
<select name="profession" id="profession">
<optgroup label="Informatique">
<option value="Technicien">Technicien</option>
<option value="Analyste programmeur">Analyste programmeur</option>
<option value="Chef de projet">Chef de projet</option>
<option value="Administrateur">Administrateur</option>
<option value="Webmaster">Webmaster</option>
<optgroup label="Médecine">
<option value="Médecin">Médecin</option>
<option value="Infirmier">Infirmier</option>
<option value="Dentiste">Dentiste</option>
<option value="Chirurgion">Chirurgien</option>
<optgroup label="Musique">
<option value="Muscien">Musicien</option>
<option value="Chanteur">Chanteur</option>
</select>
<br /><br />
<input type="button" value="Valider" onClick="verifierFormulaire(
this.form.email.value,
this.form.annee.value,
this.form.nom.value,
this.form.prenom.value
)" />
<input type="reset" value="Effacer"/>
</p>
</fieldset>
</form>
</body></html>
[/php]
