Доброго вечера.
В 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);
}
});
});
});
на одной странице находятся три формы ПОСТ, первая логин-пароль, вторая форма поиска и третья, это вышеуказанная.
Так вот, когда подключаю данный скрипт, первые две формы перестают работать, с чем это может быть связано и как это решить?
Заранее спасибо
