Nom pour un form suite à un appel ajax

**lounou** · 10/05/2014, 00h13

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

<button  class="btn-validation" id="sendMessageButton">Poster un message</button>

Le code dans script.js

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
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);
			}
		});
	});
});