changer la valeur d'un input

Version imprimable

bonjour,

je debute en jquery et j'aimerais crypté le contenu d'un input en sha256 grâce a un plugin

mais la marche est longue ... :aie:

pour le moment j'essaye de changer la valeur d'un input mais ca ne marche pas

voila le code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <body>  <script type="text/javascript" src="jquery-1.5.2.min.js"></script> <script type="text/javascript" src="jquery.sha256.min.js"></script> <script type="text/javascript"> // c'est ici que l'on va tester jQuery $(document).ready(function() { // Traitement à effectuer lorsque le DOM est prêt $('body').html('Hello World'); $('#txt_lala').text('text'); }); </script> <br></br> <input type="text" id="txt_lala" >tgtgt</input> </body>
non seulement ca ne fonctionne pas mais en plus ça efface le input de la page

si quelqu'un sait comment faire je prend volontiers

cordialement

18/04/2011, 16h29
Bovino

Code:

<input type="text" id="txt_lala" >tgtgt</input>

:nono:
Une balise input est auto-fermante, elle ne possède pas de innerHTML mais un value (que tu peux modifier avec jQuery avec la méthode val())

Code:

<input type="text" id="txt_lala" value="tgtgt" />

en effet

cela marche :

Code:

1
2
3
4
5
6
7
8
9
10
  <button>Input</button>
    <script type="text/javascript">
        $("button").click(function () {
        var text = $.sha256("lalala");
        $("#txt_lala").val(text);
    });
 
    </script>
    <br></br>
    <input type="text" id="txt_lala" value="" ></input>

maintenant je n'est plus qu'a trouver l'événement qui se déclenche lorsque l'on perd le focus d'un input

18/04/2011, 17h04
Bovino

.blur()
18/04/2011, 17h12
alex61

oué ca a pas mal blur

si je le place dans un formulaire qui envoie le contenu des input en php

l'événement se déclenchera avant ou après l'envoi ?
18/04/2011, 17h15
SpaceFrog

Citation:

si je le place dans un formulaire qui envoie le contenu des input en php

faut réviser la terminologie et la chronologie entre js et php ...

le formulaire est envoyé avant le traitement javascript :aie:

il me faudrait un événement qui se déclenche juste avant que je clique sur envoyé

pour info voila le formulaire
Code:

1 2 3 4 5 6 7 8 9 10 <script type="text/javascript"> $("input").blur(function () { var text = $.sha256($("#txt_pass").text()); $("#txt_pass").val(text); }); </script> <form action="receptionform.php" method="POST" name="Frm_crypte" > <input type="text" id="txt_pass" name="txt_pass" value="" ></input> <input type="submit" id="cmd_valider" name="cmd_valider" value="E"></input> </form>
j'ai également essayé avec click sur le bouton et focusout sur le champ

Bonsoir

Attention à vos tags <input>, tenez compte des conseils que l'on vous a donnés !
Code:

1 2 3 4 <form> <input id="txt_pass" type="text" value="Hello Everybody !" > <input id="cmd_valider" type="submit" value="Envoyer"> </form>
Le travail peut se faire avant la soumission du formulaire, mais vous n'aurez pas le temps de voir le résultat avant le rechargement de la page.
Code:

1 2 3 4 5 $("#cmd_valider").click(function(){ $("#txt_pass").val("Adieu !"); return false; // avec false le formulaire n'est pas soumis });

merci de vos réponse

j'ai trouver une solution a mon problème

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
 <script type="text/javascript">
 
      // c'est ici que l'on va tester jQuery
 
     $(document).ready(function()
        {
            $("#cmd_valider").click(function () {
              var login = $("#txt_login").val() ;
              var mdp = $("#txt_pass").val();
              var mdpcrypt = $.sha256(mdp);
             // alert (mdpcrypt);
              $.ajax({
                   type: "POST",
                   url: "receptionform.php",
                   dataType : "json",
                   data: "login="+login+"&mdp="+ mdpcrypt ,
                   success: function(msg){
                       //$("#connexion").text(msg);
                       if (msg) { alert("OK");}
                       else {alert("pas OK");}
                   }
                 });
          });
        });
 
    </script>
    <noscript>Vous devez activer javascript pour vous connecter</noscript>
    <div id="connexion">
 
         <input type="text" id="txt_login" name="txt_pass" value="" />
         <input type="text" id="txt_pass" name="txt_pass" value="" />
         <input type="submit" id="cmd_valider" name="cmd_valider" value="E"/>
 
    </div>

voila pour ceux que ca intéresse

merci de votre aide

cordialement

alex