changer la valeur d'un input [Débutant(e)] [Résolu]

alex61 · 18/04/2011, 16h24

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

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

voila le code :

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
  <body>
     <!-- le contenu -->
    <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

Bovino · 18/04/2011, 16h29

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

alex61 · 18/04/2011, 17h00

en effet

cela marche :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Bovino · 18/04/2011, 17h04

.blur()

alex61 · 18/04/2011, 17h12

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 ?

SpaceFrog · 18/04/2011, 17h15

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

alex61 · 18/04/2011, 17h27

le formulaire est envoyé avant le traitement javascript

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

pour info voila le formulaire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

danielhagnoul · 18/04/2011, 23h37

Bonsoir

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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

alex61 · 19/04/2011, 10h46

merci de vos réponse

j'ai trouver une solution a mon problème

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

18/04/2011, 16h29	#2
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 806 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 806 Points : 35 803 Points : 35 803	Code html : Sélectionner tout - Visualiser dans une fenêtre à part <input type="text" id="txt_lala" >tgtgt</input> 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 html : Sélectionner tout - Visualiser dans une fenêtre à part <input type="text" id="txt_lala" value="tgtgt" /> __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

18/04/2011, 17h04	#4
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 806 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 806 Points : 35 803 Points : 35 803	.blur() __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

18/04/2011, 17h12	#5
alex61 Membre confirmé alexandre Parrein Étudiant Inscription : mai 2010 Messages : 371 Détails du profil Informations personnelles : Nom : alexandre Parrein Âge : 21 Localisation : France Informations professionnelles : Activité : Étudiant Informations forums : Inscription : mai 2010 Messages : 371 Points : 283 Points : 283	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 ? __________________ si tu es perdu clique ici langage connus : xhtml/css , ASP.NET/VB.NET , JS, JQuery , PHP , SQL, PL/SQL, JAVA, BI : SAS, BO, Talend, Cognos, Microsoft BI, Qliqview
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email