Accéder aux variables d'un formulaire après un load

Version imprimable

Bonjour,

Je souhaite charger un formulaire avec la fonction load. Après le chargement, je voudrais récupérer les éléments du formulaire.

Comment faire cela ?

Code html du formulaire :

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
 
<div id="content">
	<div class="post">
		<h1 class="title">Nous contacter</h1>
 
			<div class="entry">
 
				<div id='form_wrap'>
 
					<form method="post" name="contactForm" id="contactForm">
						<p>hi,</p>
						<label for="sujet">Sujet: </label>
						<input type="text" name="sujet" value="" id="sujet" class="validate[required,custom[chaine]] text-input" data-prompt-position="topLeft:10"/>
						<label for="message">Message : </label>
						<textarea  name="message" value="Votre Message" id="message" class="validate[required] text-input" data-prompt-position="topLeft:20"></textarea>
						<p></p>	
						<label for="name">Nom: </label>
						<input type="text" name="name" value="" id="name" class="validate[required,custom[chaine]] text-input" data-prompt-position="topLeft:10"/>
						<label for="email">Email: </label>
						<input type="text" name="email" value="" id="email" class="validate[required,custom[email]] text-input" data-prompt-position="topLeft:10"/>
						<input type="submit" name ="env" id ="env" value="Envoyer" />
					</form>
				</div>
			</div>	
		</div>
 
	</div>

Le load comme suit :

Code:

1
2
 
$('#content').load('contacts/contact.php #content' );

Bonjour

Code:

1
2
3
4
5
6
7
8
9
10
/*
 * Attention un ID doit être unique dans la page web,
 * cela concerne bien entendu le code chargé avec la 
 * méthode load(). Si j'ai bonne mémoire, vous utilisez 
 * souvent l'ID "content" !
 * 
 * Ici vous chargez un élément du DOM d'ID "content" dans 
 * un élément du DOM qui porte déjà l'ID "content".
 */
$( '#content' ).load( 'contacts/contact.php #content' );

16/08/2013, 09h51
facilus68

Bonjour Daniel,

Dans le fichier loader j'ai supprimé la div dont l'id est "content" mais j'arrive pas a acceder aux variable du formulaire avant de faire un appel Ajax.

Exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
$( window ).load( function(){
 
	$( "section.conteneur" ).on( "change", "#email", function(){
		console.log( $( this ).val() );
	});
 
 
	$( "section.conteneur" ).load( "dvp3.html #content", function(){
		$( "#message" ).text( "Hello les visiteurs !" );
	});
 
});

16/08/2013, 11h52
facilus68

D'apres ce que j'ai compris :

section : est un div dont l'id est 'section' (existe deja avant le load)

conteneur : est un form dont la classe est 'conteneur' (existe apres le load)

es ce exact ?
16/08/2013, 14h02
danielhagnoul

:calim2:

C'est un exemple, testé avec mon code ! Peu importe de quoi il s'agit chez moi.

Il suffit de remplacer par ce qui existe chez vous : $( "votre id" ).load( "votreFichier.php #content", function(){.
16/08/2013, 14h57
facilus68

Merci pour ton aide Daniel :)