bonsoir à tous ,je souhaite savoir comment réaliser l'événement onblur (je veux tester sur les deux champs mot de passe et confirmation, je veux que lorsque confirmation perd le focus ,une fonction JavaScript permert de vérifier si les deux champs possèdent la meme mot de passe et s'ils ont au moins 5 caractères qui sont numériques uniquement),voici le code de la page et j'espere que vous m'aider .
<html>
<head><title>FICHE D'INSCRIPTION</title>
<script language="javascript">
function verifier()
{ message="";
messagefinal="";
temoin=0;
temoin1=0;
if (document.f1.nom.value=""){
message="svp enter le nom \n";
messagefinal=messagefinal+message;}
if (document.f1.prenom.value==""){
message="svp enter le prénom \n";
messagefinal=messagefinal+message;}
if (document.f1.ncin.value==""){
message="svp entrer le numéro de cin \n";
messagefinal=messagefinal+message;}
if(document.f1.classe.value== "0"){
message="entrer votre classe \n";
messagefinal=messagefinal+message;}
if(document.f1.diplome.selectedIndex == 0){
message="entrer votre diplome \n";
messagefinal=messagefinal+message;}
if (document.f1.nom_utilisateur.value==""){
message="svp enter le nom d'utilisateur \n";
messagefinal=messagefinal+message;}
if (document.f1.motdepasse.value==""){
message="svp enter le mot de passe \n";
messagefinal=messagefinal+message;}
if (document.f1.confirmation.value==""){
message="vous devez confirmez \n ";
messagefinal=messagefinal+message;}
if (document.f1.e_mail.value==""){
message="svp enter votre e_mail \n ";
messagefinal=messagefinal+message;}
if(document.f1.montant.selectedIndex == 0){
message="entrer le montant \n";
messagefinal=messagefinal+message;}
for(i=0;i<document.f1.pr1.length;i++){
if(document.f1.pr1[i].checked){
++temoin;
}
}
if(temoin==0){
message = "Vous devez choisir au max 3 loisirs! \n";
messagefinal = messagefinal + message;
}
if(temoin>3){
message = "Vous devez choisir au max 3 loisirs! \n";
messagefinal = messagefinal + message;
}
for(i=0;i<document.f1.p1.length;i++){
if(document.f1.p1[i].checked){
++temoin1;
}
}
if(temoin1<2){
message = "Vous devez choisir au min 2 connaissances! \n";
messagefinal = messagefinal + message;
}
if(messagefinal!=""){
alert(messagefinal);}
}
function passwd() // voici la fonction sans vérifier les champs s'ils sont numériques
{ str=document.f1.motdepasse.value
str1=document.f1.confirmation.value
message="";
messagefinal="";
if(length(str)<5)
{message="mot de passe trés court";
messagefinal=messagefinal+message;}
if(length(str1)<5)
{message="mot de passe trés court";
messagefinal=messagefinal+message;}
if (str!=str1)
{message="confirmation incorrecte";
messagefinal=messagefinal+message;}
document.f1.nom_utilisateur.value="amin";
if(messagefinal!=""){
alert(messagefinal);}
}
</script>
<body>
<form name="f1">
<table border=5 width="100%" >
<tr>
<td width="70%" align="center"><h3>FICHE D'INSCRIPTION ISI</h3></td>
<td width="30%" v align="middle"><img src="isi.jpg" width="150" height="100"></td>
</tr>
</table>
<table border=5 width="100%">
<tr>
<td width="40%">NOM:*</td>
<td width="40%"align="center"><input type="text" name="nom" size="50" ></td>
</tr>
<td width="40%">PRENOM:*</td>
<td width="40%"align="center"><input type="text" name="prenom" size="50" ></td>
</tr>
<tr>
<td>SEXE:*</td>
<td align="center"><input type="radio" name="sexe" value="1">masculin <input type="radio" name="sexe" value="2">féminin</td>
</tr>
<tr>
<td>DATE DE NAISSANCE:</td>
<td align="center"><input type="text" name="date de naissance" size="50" ></td>
</tr>
<tr>
<td>LIEU DE NAISSANCE:</td>
<td align="center"><input type="text" name="lieu de naissance" size="50" ></td>
</tr>
<tr>
<td>NCIN:*</td>
<td align="center"><input type="text" name="ncin" size="50"></td>
</tr>
<tr>
<td>CLASSE:*</td>
<td><select name="classe">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</td>
</tr>
<tr>
<td>DIPLOME:*</td>
<td><select name="diplome">
<option>choisissez</option>
<option value="DUT">DUT</option>
<option value="ING">ING</option>
<option value="MAST">MAST</option>
</td>
</tr>
<tr>
<td>NOM D'UTILISATEUR:*</td>
<td align="center"><input type="text" name="nom_utilisateur" size="50" ></td>
</tr>
<tr>
<td>MOT DE PASSE:*</td>
<td align="center"><input type="password" name="motdepasse" >
</td>
</tr>
<tr>
<td>CONFIRMATION MOT DE PASSE:*</td>
<td align="center"><input type="password" name="confirmation" onblur="passwd();"></td> // voici l'appel
</tr>
<td>ADRESSE E_MAIL:*</td>
<td align="center"><input type="text" name="e_mail" size="50" ></td>
</tr>
<tr>
<td>MONTANT D'INSCRIPTION:</td>
<td><select name="montant">
<option >choisissez</option>
<option value="35.000">35.000</option>
<option value="70.000">70.000</option>
</td>
</tr>
<tr>
<td>NUMERO E_DINAR:</td>
<td align="center"><input type="text" name="e_dinar" size="50"></td>
</tr>
<tr>
<td>LOISIRS:</td>
<td align="center"><input type="checkbox" name="pr1" value="sport">sport<input type="checkbox" name="pr1" value="music">music<input type="checkbox" name="pr1" value="voyage">voyage <input type="checkbox" name="pr1" value="internet">internet
</td>
</tr>
<tr>
<td>CONNAISSANCES TECHNIQUES:</td>
<td align="center"><input type="checkbox" name="p1" value="c">c <input type="checkbox" name="p1" value="c++">c++ <input type="checkbox" name="p1" value="VB">VB <input type="checkbox" name="p1" value="JAVA">JAVA
</td>
</tr>
<tr>
<td>PROFIL:</td>
<td align="center"><input type="text" name="profil" size="50"></td>
</tr>
<tr bgcolor="#cccccc">
<td align="right"><input type="button" value="VALIDER" onclick="verifier();">
</td>
<td align="left"><input type="button" value="FERMER" >
</td>
</tr>
</table>
</form>
</body>
</html>