script submit input

Version imprimable

script submit input

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:

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:

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;
        }
 
    });
});

Exemple (voir la FAQ jQuery) :

Code:

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;
});

05/09/2013, 15h15
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.

Bonjour,

Citation:

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

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

Citation:

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:

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

06/09/2013, 07h51
Bovino

Citation:

cela ne fonctionne pas

C'est le message d'erreur qui s'affiche ?
06/09/2013, 12h30
laurentbatch
Bonjour à tous,

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

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:

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