Onblur

[Résolu]
Signaler
Messages postés
345
Date d'inscription
jeudi 15 février 2007
Statut
Membre
Dernière intervention
24 avril 2010
-
Messages postés
469
Date d'inscription
mercredi 9 janvier 2002
Statut
Membre
Dernière intervention
20 février 2017
-
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>       

<form name="f1">
    FICHE D'INSCRIPTION ISI
,
   

    NOM:*,
    ,

   PRENOM:*,
   ,

----

   SEXE:*,
   masculin  féminin,

----

   DATE DE NAISSANCE:,
   ,

----

   LIEU DE NAISSANCE:,
   ,

----

   NCIN:*,
   ,

----

   CLASSE:*,
   <select name="classe">
       <option value="0"></option>
       <option value="1">1</option>
       <option value="2">2</option> 
       <option value="3">3</option>
  ,

----

   DIPLOME:*,
   <select name="diplome">
       <option>choisissez</option>
       <option value="DUT">DUT</option>
       <option value="ING">ING</option>
       <option value="MAST">MAST</option>
  ,

----

   NOM D'UTILISATEUR:*,
   ,

----

   MOT DE PASSE:*,
  
  ,

----

   CONFIRMATION MOT DE PASSE:*,
   , // voici l'appel

  ADRESSE E_MAIL:*,
   ,

----

   MONTANT D'INSCRIPTION:,
   <select name="montant">
       <option >choisissez</option>
       <option value="35.000">35.000</option>
       <option value="70.000">70.000</option>
  ,

----

   NUMERO E_DINAR:,
   ,

----

   LOISIRS:,
   sportmusicvoyage     internet
  ,

----

   CONNAISSANCES TECHNIQUES:,
   c c++ VB JAVA
  ,

----

   PROFIL:,
   ,

----

  
  ,
  
  

</form>

</html>

4 réponses

Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
36
Bonjour,

pas tout regardé mais déjà :

                remplacer       if(length(str)<5)   par        if ( str.length<5 )
                remplacer       if(length(str1)<5) par        if ( str1.length<5 )

avec IE, activer le deboggage, et mieux télécharger le Debogger IE.
avec FF, regarder la "console d'erreurs", et mieux télécharger FireBug

<hr />


Cordialement            Bul         [mon Site]     [M'écrire]           




<hr />
Messages postés
469
Date d'inscription
mercredi 9 janvier 2002
Statut
Membre
Dernière intervention
20 février 2017
6
Bonjour, et après avoir remplacer les tests énoncé par Bultez, une petite expression régulière et hop tu seras s'il sont numériques :
( à mettre dans passwd() bien enetendu )

var numberReg = /^\d*$/;
// test si l'expression est numérique
if ( !numberReg.test( str)){
    // afficheage de ton message
    .....
}

et voilà

[o-_-o]
Messages postés
345
Date d'inscription
jeudi 15 février 2007
Statut
Membre
Dernière intervention
24 avril 2010

c koi var numberReg = /^\d*$/; j'ai pas compri
Messages postés
469
Date d'inscription
mercredi 9 janvier 2002
Statut
Membre
Dernière intervention
20 février 2017
6
c'est une expression régulière, elle vérifie ( \d ) qu'il n'y ait que des chiffres
http://fr.selfhtml.org/javascript/objets/regexp.htm
un petit lien pour de meilleure explication [Javascript:Insert_Emoticon('/imgs2/smile.gif'); ]

[o-_-o]