Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 01/02/2012, 12h06   #1
Membre du Club
 
Avatar de fazpedro
 
Homme
Inscription : août 2009
Messages : 360
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations forums :
Inscription : août 2009
Messages : 360
Points : 64
Points : 64
Par défaut Jquery Formly Submit sans effet

Bonjour,

j'ai essayé d'utiliser le plugin suivant
http://thrivingkings.com/formly/

et le résultat visuel est vraiment très bien !

la seule chose que je n'arrive pas à faire, c'est l'action sur le bouton "submit" qui reste sans effet quand on clique dessus...
Merci d'avance.

mon code :
Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script>$(document).ready(function(){	
$('#acces').formly({'theme':'Dark'}, function(e){ 	$('.callback').html(e); });	});
 
$('form.ajax').submit( function(e) {
     e.preventDefault(); // on empeche l'envoi du formulaire par le navigateur
     var datas = $(this).serialize();
     $.ajax({	type: 'POST',      										// envoi des données en POST
				url: $(this).attr('action'),     						// envoi au fichier défini dans l'attribut action
				data: datas,     										// sélection des champs à envoyer
				success: function(msg) {alert('success : '+datas);}		// callback en cas de succès
 
     });
});
</script><!-- FIN script formulaire -->
 
<form class="ajax" id="acces" method="post" action="pdf_connexion2.php" width="200px" title="S'identifier :"  >
		<input type="text" 		name="login" size="20" require="true" label="pseudo" place="pseudo"	/>
		<input type="password" 	name="mdp" size="20" require="true" label="Mot de passe" place="Mot de passe"	/>
		<input type="hidden" name="typeform" value="Connexion" /><input type="submit" value="inscription" />
</form>
fazpedro est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/02/2012, 12h31   #2
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 079
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 079
Points : 45 213
Points : 45 213
Code :
$('#access').submit( function(e) {
?

sinon

Code :
$('form.ajax:eq(0)').submit( function(e) {
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est actuellement connecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/02/2012, 14h31   #3
Membre du Club
 
Avatar de fazpedro
 
Homme
Inscription : août 2009
Messages : 360
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations forums :
Inscription : août 2009
Messages : 360
Points : 64
Points : 64
@ SpaceFrog :
j'ai essayé chaque code mais çela ne fonctionne pas, il ne se passe toujours rien quand on clique sur "Connexion"...
fazpedro est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/02/2012, 14h43   #4
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 079
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 079
Points : 45 213
Points : 45 213
Code :
<input type="hidden" name="typeform" value="Connexion" />


tu fais comment pour cliquer dessus ?
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est actuellement connecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/02/2012, 15h39   #5
Membre du Club
 
Avatar de fazpedro
 
Homme
Inscription : août 2009
Messages : 360
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations forums :
Inscription : août 2009
Messages : 360
Points : 64
Points : 64
j'ai modifié mais rien n'y fait !

Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script>$(document).ready(function(){	
$('#acces').formly({'theme':'Dark'}, function(e){ 	$('.callback').html(e); });	});
// $('form.ajax:eq(0)').submit( function(e) {
$('#acces').submit( function(e) {
// $('form.ajax').submit( function(e) {
	e.preventDefault(); 				// on empeche l'envoi du formulaire par le navigateur
	var datas = $(this).serialize();
	$.ajax({	type: 'POST',      		// envoi des données en POST
	url: $(this).attr('action'),     	// envoi au fichier défini dans l'attribut action
	data: datas,						// sélection des champs à envoyer
	success: function(msg) {alert('success : '+datas);}		// callback en cas de succès
	});
});
</script><!-- FIN script formulaire -->
 
<form class="ajax" id="acces" 	method="post" action="pdf_connexion2.php" width="200px" title="S'identifier :"  >
		<input type="text" 		name="login" size="20" require="true" label="pseudo" place="pseudo"	/>
		<input type="password" 	name="mdp" size="20" require="true" label="Mot de passe" place="Mot de passe"	/>
		<input name="typeform" 	type="submit" value="Connexion" />
</form>
fazpedro est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/02/2012, 15h43   #6
Rédacteur/Modérateur
 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 30 079
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 30 079
Points : 45 213
Points : 45 213
Code :
success: function(msg) {alert('success : '+msg);}
heu ce serais pas mieux d'alerter le retour plutot que l'envoi ?

sinon quels sont les sympotome ?
message d'erreur ? (dans la console )
__________________
Ma page Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sebemex.fr | www.extramiante.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
SpaceFrog est actuellement connecté   Envoyer un message privé Réponse avec citation 00
Vieux 07/02/2012, 09h45   #7
Membre du Club
 
Avatar de fazpedro
 
Homme
Inscription : août 2009
Messages : 360
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations forums :
Inscription : août 2009
Messages : 360
Points : 64
Points : 64
ça fonctionne,
grâce à une réponse sur http://thrivingkings.com/formly/

Voici le code modifié :

Script :
Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<script type="text/javascript" src="formly.min.js"></script><!-- script pour les formulaires jquery -->
<script>
	$(document).ready(function(){	
	$('#acces').formly({'theme':'Dark'}, function(e){ 	$('.callback').html(e); });	});
	$('form.ajax').submit( function(e) {
     e.preventDefault(); // on empeche l'envoi du formulaire par le navigateur
     var datas = $(this).serialize();
     $.ajax({	type: 'POST',      										// envoi des données en POST
				url: $(this).attr('action'),     						// envoi au fichier défini dans l'attribut action
				data: datas,     										// sélection des champs à envoyer
				success: function(msg) {alert('success : '+datas);}		// callback en cas de succès
				});
});
</script><!-- FIN script formulaire -->
HTML :
Code :
1
2
3
4
5
6
 
<form action="pdf_connexion2.php" class="ajax" id="acces" method="post" title="S'identifier :" width="220px">        
			<input label="pseudo" name="login" place="pseudo" require="true" size="20" type="text" />        
			<input label="mot de passe" name="mdp" place="mot de passe" require="true" size="20" type="password" />        
			<input name="typeform" onclick="submit('pdf_connexion2.php')" type="submit" value="Connexion">
			</form>
fazpedro est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 17h25.


 
 
 
 
Partenaires

Hébergement Web