[AJAX] recuper valeur d'un champs de type hidden

Version imprimable

16/09/2011, 19h36
mbakatre

[AJAX] recuper valeur d'un champs de type hidden

Bonsoir chers forumistes,
Je voudrais faire un contrôle instantané avec ajax sur mon formulaire.
Je vous explique ce que je veux faire:
J'ai une table budget qui a un champ reste
J'ai aussi une table compte qui a un champ montant
A chaque fois que je veux créer un compte et que je saisie le montant du compte je voudrais aller vérifier dans le champ reste du Budget pour voir si montant >= reste. Si oui j'autorise la création du compte.
Pour cela j'ai un champs de type hidden qui contient l'ID du compte.
Je voudrais alors après la saisie du montant du compte (onblur) envoyer la valeur du montant saisie ainsi que l'ID du compte pour aller faire le traitement.
C'est là que je me plante.... J'ai lu les tuto mais la plus part traite du même sujet: vérification de pseudo

Je voudrais alors solliciter votre aide
16/09/2011, 22h51
RomainVALERI

Citation:

Envoyé par mbakatre

Je voudrais alors solliciter votre aide

pour quelle partie veux-tu de l'aide ? :koi:

Faisons les choses dans l'ordre : construis la structure HTML, la couche CSS, le minimum de javascript pour les mécanismes de base (si ce n'est déjà fait), et montre-nous ensuite ce que tu as comme début pour la partie AJAX (la partie "création du XHR" notamment... à moins que tu n'utilises une lib pour faire tes appels ? genre jQuery/Prototype/autre ?)
17/09/2011, 10h34
Invité

Bonjour,

Citation:

j'ai un champs de type hidden qui contient l'ID du compte.

Que le champ soit de type "hidden" ne change rien à l'affaire. Le traitement se fera de la même manière.

Citation:

J'ai lu les tuto mais la plus part traite du même sujet : vérification de pseudo

pseudo ou ID, même combat ! Quel est le problème ?
La requête aura la même forme, sauf qu'au lieu de vérifier le pseudo, on vérifie... l'ID.
17/09/2011, 18h49
mbakatre

Pour dire vrai je ne maîtrise pas AJAX. Il certains tuto qui sont basés sur Jquery et d'autres sur prototype. Mais dans les deux cas je ne sais pas comment récupérer les 2 champs après le onblur (a travers ajax) pour envoyer au code php pour traitement.
Je pensais à un tuto ou on fait un traitement comme le mien. mais je n'en trouve pas.
17/09/2011, 20h12
Invité

Vu que tu ne fournis aucun code, difficile de t'aider...
...encore moins d'écrire le code à ta place.

Tu parles aussi de "tuto", sans mettre le moindre lien...
19/09/2011, 09h16
Invité

Bonjour,
Dans un AJAX classique (pas jquery ou autre)
si tu as un paramétre hidden, il faut mettre directement dans le javascript la valeur , pas besoin de la mettre dans un hidden

Voici le code que j'utilise
code Javascript:

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
 
$(document).ready(function(){ 
 
$("input").focus(function(){ 
var info_form=$(this).next(".info"); 
info_form.empty(); 
}); 
 
 
$("input").blur(function(){ 
var name=($(this).attr("name")); 
var value=($(this).attr("value")); 
var info_form=$(this).next(".info");
var obj = document.getElementById("idcode").value;
 
if(value==undefined) 
{ 
info_form.append("<span class='rouge'>Obligatoire</span>"); 
} 
else if(name=="montant") 
{ 
 
$.ajax({ 
 
type: "GET", 
url: "scriptphp.php?montant="+value+"&code="+ obj.value,
success:function(data){ 
if(data==1) 
{ 
info_form.append("<span class='rouge'>le montant est supérieure au montant disponible</span>"); 
} 
else 
{ 
info_form.append("<span class='vert'>Valide</span>"); 
} 
} 
}); 
 
} 
 
});	
 
});

code php:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
$montant=intval($_GET["montant"]); 
$code=intval($_GET['code']);
 
$req_pseudo_exist="select reste from budget where codebudget='".$code."'"; 
$pseudo_exist=mysql_query($req_pseudo_exist); 
$donnees=mysql_fetch_array($pseudo_exist);
 
if( intval($donnees['reste'])>=intval($montant)) 
{ 
echo "0"; 
} 
else 
{ 
echo "1"; 
} 
mysql_close(); 
}

code html:

Code:

1
2
3
4
5
6
7
 
<form action="#" method="post"> 
<input type="hidden" name="codebudget" value="<?php echo $donnees['codebudget']; ?>" id="idcode" />
<label> Montant : </label><input type="text" name="montant" /><span class="info"></span><br /> 
<label> Mail : </label><input type="text" name="mail" /><span class="info"></span><br /> 
<label>&nbsp;</label><input type="submit" name="inscription"   /></span class="info"></span> 
</form>

voyez si vous pouvez m'aider. merci d'avance

19/09/2011, 20h14
Invité

Citation:

var obj = document.getElementById("idcode").value;
[...]
url: "scriptphp.php?montant="+value+"&code="+ obj.value,

En utilisant des noms de variables plus explicites, tu aurais vu tout de suite le problème :

Citation:

var val_idcode = document.getElementById("idcode").value;
[...]
url: "scriptphp.php?montant="+value+"&code="+ val_idcode,
20/09/2011, 12h12
mbakatre

Merci beaucoup ça marche correctement maintenant.