Nom pour un form suite à un appel ajax
Bonjour à tous :)
Rien de bien méchant, mais assez pour que ne pas y arriver, j'ai mis un systeme afin d'envoyer des messages tout fonctionne bien sauf que le script envoi pour chaque Submit que je fait (contact, ou quand j'appel ma modal login etc ...)
J'aimerai que lors du clic que sa affecte uniquement mon formulaire et pas les autres ...
Mon appel ajax je pense que c'est ici ou il faut lui définir un nom ? :
Code:
<input type="submit" id="submit" value="Envoi le message">
Est t'il possible d'avoir la possibilité de l'appeler par cet appel ? (ne pas avoir le submit du form)
Code:
<button class="btn-validation" id="sendMessageButton">Poster un message</button>
Le code dans script.js
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
31
32
| $(document).ready(function(){
var form = $('form');
var submit = $('#submit');
form.on('submit', function(e) {
// prevent default action
e.preventDefault();
// send ajax request
$.ajax({
url: 'ajax_comment.php',
type: 'POST',
cache: false,
data: form.serialize(), //form serizlize data
beforeSend: function(){
submit.val('Submitting...').attr('disabled', 'disabled');
},
success: function(data){
var item = $(data).hide().animate({backgroundColor:'#98e0ea'}, 300).fadeIn(800).animate({backgroundColor:'#ffffff'}, 1000);
$('.comment-block').prepend(item);
// reset form and button
form.trigger('reset');
submit.val('Submit Comment').removeAttr('disabled');
},
error: function(e){
alert(e);
}
});
});
}); |
Merci de votre aide
Merci :)
