Discussion :

[HekThor]

Bonjour à tous,

Je me heurte à un petit problème : je cherche à faire un formulaire de contact, qui, quand il est envoyé, affiche un message de remerciement en Ajax, sans recharger la page.

Tout fonctionne correctement, sauf que ça s'est compliqué au moment où j'ai voulu rajouter le plugin Jquery validate.

Dans mon code, j'exécutais une fonction qui se déclenchait au clic qur le bouton submit. Avec le plugin c'est différent, une fois que tous les champs sont correctement remplis, il envoie direct le formulaire.

Je voudrais justement contrôler cet envoi, tout du moins, déclencher ma fonction à ce moment là, et avec l'appel qu'il faut...

Voici la portion de code concernée : (c'est de la 2ème ligne que je parle, quel syntaxe utiliser ?? l'identifiant concerné est celui du formulaire)

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
28
29
30
$(function() {
	$("#renseignements").onsubmit(function()
	    var name = $("input#name").val();
 
		var email = $("input#email").val();
 
		var prenom = $("input#prenom").val();
 
		var message = $("textarea#message").val();
 
		var dataString = 'name='+ name + '&email=' + email + '&prenom=' + prenom + '&message=' + message;
		//alert (dataString);return false;
 
		$.ajax({
      type: "POST",
      url: "bin/process.php",
      data: dataString,
      success: function() {
        $('#contact_form').html("<div id='message'></div>");
        $('#message').html("<h2>Message envoyé !</h2>")
        .append("<p>A bientôt.</p>")
        .hide()
        .fadeIn(1500, function() {
          $('#message').append("<img id='checkmark' src='images/check.png' />");
        });
      }
     });
    return false;
	});
});

Merci à ceux qui voudront bien m'aider...

[hunterkiller]

salut,
de ce que sais (je pratique l'ajax) tu n'a pas besoin de plugin pour faire ce que tu veux faire.
Au moment ou tu as ton submit tu cree une div id=toto puis ton $.ajax avec ta page PHP et tu fais soit un "echo reussi" dans ton .php soit un $('toto').text('reussi') ne te prend pas la tete avec un plugin moi je fais sans tres facilement.
Si tu n'y arrive pas je te filerai du code

[HekThor]

Merci pour ta réponse,

En fait entretemps, j'ai cherché dans la doc du plugin, il y a une méthode booléenne qui permet de savoir si le formulaire a bien été validé (valid()).
Du coup je récupère ce booléen, et en fonction le formulaire est soumis (ou pas)

C'est bien pratique, pour combiner l'utilité du plugin qui vérifie si les champs sont remplis correctement, et l'ajax, qui est bien classe quand même.