Jquery Formly Submit sans effet [Résolu]

[fazpedro]

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>

[SpaceFrog]

Code :

$('#access').submit( function(e) {

?

sinon

Code :

$('form.ajax:eq(0)').submit( function(e) {

[fazpedro]

@ SpaceFrog :
j'ai essayé chaque code mais çela ne fonctionne pas, il ne se passe toujours rien quand on clique sur "Connexion"...

[SpaceFrog]

Code :

<input type="hidden" name="typeform" value="Connexion" />

tu fais comment pour cliquer dessus ?

[fazpedro]

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>

[SpaceFrog]

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 )

[fazpedro]

ç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>