Plugin JQuery Validate+Ajax
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:
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...
