la boite de dialogue prompt

Version imprimable

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:

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(); }

Tu commets plusieurs confusions dans ton code :

Code:

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();
	}

merci pour la réponse
voila j'ai fait un autre essai et j'ai ajouté ta reponse

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
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.. !!!

30/10/2008, 22h26
bigboomshakala

Citation:

Envoyé par mima_mine

mais ça marche pas;

pas assez explicite..

Citation:

Envoyé par mima_mine

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

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

Bonjour,

Tu veux peut_être réaliser quelque chose de la sorte:

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
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+