Discussion :

[mbakatre]

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

[RomainVALERI]

Je voudrais alors solliciter votre aide

pour quelle partie veux-tu de l'aide ?

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

[Invité]

Bonjour,

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.

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.

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

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

[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

[mbakatre]

Voici le code que j'utilise
code Javascript:

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
 
$(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 :

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

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

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

[Invité]

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 :

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

[mbakatre]

Merci beaucoup ça marche correctement maintenant.