Показать сообщение отдельно
  #1 (permalink)  
Старый 05.11.2014, 18:56
Интересующийся
Отправить личное сообщение для arimanecro Посмотреть профиль Найти все сообщения от arimanecro
 
Регистрация: 08.10.2014
Сообщений: 24

Отправка Ajax комментов блокирует все формы
Доброго вечера.

В ajax'e полный ноль, возможно решение оч.простое.
Оооочеь нужна помощь, ибо без этого дальше двигаться не могу

вот форма:

<form id="form" method="post">

				<textarea name="comment" id="comment" cols="30" rows="10" placeholder="Type your comment here...." required></textarea>
			
			<input type="submit" class="submit_comment" id="submit"  value="Submit Comment">
		</form>



вот скрипт отвечающий за отправку через данную форму сообщений:

$(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(){
				// change submit button value text and disabled it
				submit.val('Submitting...').attr('disabled', 'disabled');
			},
			success: function(data){
				// Append with fadeIn see [url]http://stackoverflow.com/a/978731[/url]
				var item = $(data).hide().fadeIn(800);
				$('.comment-block').append(item);

				// reset form and button
				form.trigger('reset');
				submit.val('Submit Comment').removeAttr('disabled');
			},
			error: function(e){
				alert(e);
			}
		});
	});
});


на одной странице находятся три формы ПОСТ, первая логин-пароль, вторая форма поиска и третья, это вышеуказанная.

Так вот, когда подключаю данный скрипт, первые две формы перестают работать, с чем это может быть связано и как это решить?

Заранее спасибо
Ответить с цитированием