Discussion :

[laurentbatch]

bonjour,
avant toutes choses sachez que je suis débutant! SVP soyez indulgent.

mon code "recuperé sur un tuto", est un test juste pour apprendre

Je souhaite valider un "input" sans recharger la page et récupérer les valeurs à la fin de la page mais pour l'instant cela ne fonctionne pas.

voici mon code php :

Code html :

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

1
2
3
<form method='post' id='solder'>
<input type='hidden' id='num_piece'   	value='   ".$values['N°Pièce']." '/> 
<input type='submit' id='img_solder_popup' title='Solder la facture'     /> </form>

voici mon 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
//initialisation du code
$(document).ready(function()
{
//Lorsque on clique sur le bouton submit présent dans le form id="solder" faire ....
    $("#solder").submit(function()
    {
        //recuperation de la valeur qui a l'id #num_piece
        var s = $("#num_piece").val();
 
        {
            //lancement de la requete ajax pour envoyer la valeur "num_piece" en bas de la page "../pages_compte/devis_factures.php"
            $.ajax({
                url: "../pages_compte/devis_factures.php",
                type: "POST",
                data: num_piece,
                success: function (data)
                {
                    renvoie du message pour confirmer ou infirmer l'inscription
                    $("#solder").html=data;
                    document.getElementById("solder").innerHTML=data;
                }
            });
            return false;
        }
 
    });
});

[danielhagnoul]

Exemple (voir la FAQ jQuery) :

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
$( "#solder" ).on( "submit", function(){
	var jqXHR = $.post( "../pages_compte/devis_factures.php", { "numPiece" : $( "#num_piece" ).val() } );
 
	jqXHR.done( function( data, textStatus, jqXHR ){
		// succès de la transaction, on doit traiter le contenu de data
		console.log( data, textStatus, jqXHR );
 
		$( "#solder" ).append( data );
	});
 
	jqXHR.fail( function( jqXHR, textStatus, errorThrown ){
		// échec de la transaction, gérer la catastrophe
		console.log( jqXHR, textStatus, errorThrown );
 
	});
 
        return false;
});

[laurentbatch]

merci de t'intéresser à mon problème.
J'ai collé ton code à la place du mien mais cela ne fonctionne pas.
Il est difficile de comprendre le code que tu m'a proposé donc je reste au point mort.

le but est de soumettre le formulaire de mon input sans rafraichir ma page.
cela fait 3 jours que je cherche et je commence à désespérer.

[NoSmoking]

Bonjour,

J'ai collé ton code à la place du mien mais cela ne fonctionne pas.

c'est la plus mauvaise façon de procéder...

Il est difficile de comprendre le code que tu m'a proposé donc je reste au point mort.

La lecture de la faq et la la documentation jQuery devrait pourtant t'aider.

Je m'interroge quand même sur ...

Code :

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

1
2
3
4
5
6
7
8
success: function (data)
  {
    // CE QUI SUIT EST UN COMMENTAIRE ???
    // renvoie du message pour confirmer ou infirmer l'inscription
    $("#solder").html=data;
    // POURQUOI CETTE DEUXIEME SYNTAXE
    document.getElementById("solder").innerHTML=data;
  }

[Bovino]

cela ne fonctionne pas

C'est le message d'erreur qui s'affiche ?

[laurentbatch]

Bonjour à tous,

Merci à tout ceux qui ce sont penché sur mon problème.

après des jours de galère j'ai enfin trouvé pourquoi cela ne fonctionnais pas.

C'étais un conflit de versions de Jquery.

Le $ n'étant pas remplacé par "jQuery".

Pour éviter les conlits il faut rajouter au début de la function ceci:

Code :

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

1
2
3
 
jQuery.noConflict();
jQuery(document).ready(function($){