IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

la boite de dialogue prompt


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Inscrit en
    Avril 2008
    Messages
    187
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 187
    Par défaut la boite de dialogue prompt
    salut tous le monde
    je suis débutante en javascript, je voulais afficher une boite avec un champs de saisie, alors j'ai essayé la boite prompt, mais je vois pas comment traiter les 2bouttons de cette boite, par exemple pour le "Annuler" je reste sur la page sans faire des modifications, et pour le "OK" :
    1. je récupère la valeur saisie dans le prompt,
    2. je la compare avec celle qui est saisi dans le champs de texte
    3. si = je met le curseur (focus) dans le champs suivant, sinon j'affiche une alerte (les 2 valeurs sont pas égales), et je vide le champs de texte pour refaire le même contrôle. j'éspère que vous me compreniez
    voila j'ai fait un essai
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    prompt('Confirmer numéro de série debut','');
    document.recepForm.NF.focus();
    String serial1=document.recepForm.ND.value// la valeur du champs de texte
    document.getElementById('ND').style.display = "none";// cripter le champs de texte pour que l'utilisateur ne voit pas le code tapé	  
    serial=prompt('Confirmer numéro de série debut','' );//la valeur du prompt
    if(serial1==serial){
    	document.recepForm.NF.focus();
    	alert(serial)
    	                }
     else{
    	  confirmer();
    	}

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Tu commets plusieurs confusions dans ton code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    var serial = prompt('Confirmer numéro de série debut','');
    var serial1=document.recepForm.ND.value// pas besoin de de 'String' qui est une erreur de syntaxe mais js est faiblement typé et les variables ont le type de la dernière valeur déclarée
    document.getElementById('ND').style.display = "none";// cripter le champs de texte pour que l'utilisateur ne voit pas le code tapé
    if(serial1==serial){
    	document.recepForm.NF.focus();
    	alert(serial)
    	                }
     else{
    	  confirmer();
    	}
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre confirmé
    Inscrit en
    Avril 2008
    Messages
    187
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 187
    Par défaut
    merci pour la réponse
    voila j'ai fait un autre essai et j'ai ajouté ta reponse

    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
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
     
      function confirmerND(frm){
     
       var test="false";
       var serial1=frm.ND.value;
     
     
     
         if(frm.ND.value!=""){
     
                 if (frm.hiddenTest.value=="SCRATCH"){
     
                           if (frm.ND.length<15){
     
                               alert('numéro de série Scratch insuffisant');
                               test="true";
                               frm.ND.focus();
                           }
                   }
                 else{
                           if (frm.ND.length<12){
     
                           alert('numéro de série Sim insuffisant');
                           test="true";
                           frm.ND.focus();
     
                           }
                   }
     
         if(test=="false"){
     
      // code modérateur   
     
          var serial = prompt('Confirmer numéro de série debut','');
          var serial1=frm.ND.value// pas besoin de de 'String' qui est une erreur de syntaxe mais js est faiblement typé et les variables ont le type de la dernière valeur déclarée
          document.getElementById('ND').style.display = "none";// cripter le champs de texte pour que l'utilisateur ne voit pas le code tapé
     
          if(serial1==serial){
        	     frm.NF.focus();
    	         alert("les deux serial sont égales :"+serial)
    	  }
          else{
          alert("numéro de série incorrect reécrire SVP");
          frm.ND.value="serial1";
          frm.ND.focus();
     
    	  confirmer();
    	  }
     
     
     
         }
     
          }
          }
    mais ça marche pas; d'abord il ne cripte pas le champs, il ne fait pas bien les testes.. !!!

  4. #4
    Rédacteur
    Avatar de bigboomshakala
    Homme Profil pro
    Consultant Web .NET
    Inscrit en
    Avril 2004
    Messages
    2 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Consultant Web .NET
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2004
    Messages : 2 077
    Par défaut
    Citation Envoyé par mima_mine Voir le message
    mais ça marche pas;
    pas assez explicite..

    Citation Envoyé par mima_mine Voir le message
    d'abord il ne cripte pas le champs
    je ne vois pas en quoi masquer un champ crypterait quoi que ce soit

    Citation Envoyé par mima_mine Voir le message
    il ne fait pas bien les testes.. !!!
    pour être si affirmative tu dois pouvoir nous fournir un exemple concret que l'on comprenne ton problème

  5. #5
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    Tu veux peut_être réaliser quelque chose de la sorte:
    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
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title></title>
    <script type="text/javascript">
      function confirmerND(frm){
        var erreur = "";
     
        if ((frm.hiddenTest.value == "SCRATCH") && (frm.ND.value.length<15)){
          erreur += 'numéro de série Scratch insuffisant';
        }
        else if (frm.ND.value.length<12){
          erreur += 'numéro de série Sim insuffisant';
        }
        else if (frm.ND.value != frm.ND1.value){
          erreur += 'Les numéros ne sont pas identiques';
        }
     
        if (erreur != ""){
          frm.ND.value = "";
          frm.ND1.value = "";
          frm.ND.focus();
          alert(erreur);
          return false;
        }
        else {
          alert("Saisie réussi");
          return true;
        }
     }
     </script>
    </head>
    <body>
    <form action="" onsubmit="return confirmerND(this)">
      <input type="hidden" name="hiddenTest" value="" />
      Saisissez votre N° de série :<br />
      <input type="password" name="ND" value="" /><br />
      Confirmer en ressaisissant votre N° de série :<br />
      <input type="password" name="ND1" value="" /><br />
      <input type="submit" value="Valider" />
    </form>
    </body>
    </html>
    A+

Discussions similaires

  1. la boite de dialogue prompt pour confirmer
    Par john_wili dans le forum Général JavaScript
    Réponses: 24
    Dernier message: 08/01/2009, 13h20
  2. [WB12] Boite de dialogue+utilisation de prompt()
    Par yasha-o dans le forum WebDev
    Réponses: 1
    Dernier message: 01/07/2008, 21h35
  3. Affichage d'une boite de dialogue nonmodale avec MFC
    Par the.cable.guy dans le forum Windows
    Réponses: 3
    Dernier message: 04/07/2003, 17h59
  4. Réponses: 5
    Dernier message: 04/04/2003, 15h02
  5. Comment cree une boite de dialogue parcourir
    Par kenshi dans le forum MFC
    Réponses: 5
    Dernier message: 06/01/2003, 10h30

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo