Вот форма
<form id="form_zvonok">
<input id="fio" name="fio" class="fio" type="text" value=""><img src="/images/backcall_inner_div.gif" alt="" class="sep">
<input id="phone" name="phone" class="ph" type="text" value=""><img src="/images/backcall_inner_div.gif" alt="" class="sep">
<input id="company" name="company" class="comp" type="text" value=""><img src="/images/backcall_inner_div.gif" alt="" class="sep">
<textarea id="message" name="message" cols="" rows=""></textarea><img src="/images/backcall_inner_div.gif" alt="" class="sep">
<div class="send" id="cerror">
<input class="formbutton" id="send_button" name="button" type="submit" value="Отправить">
</div>
</form>
Вот такой вот код отправляет данные на обработчик
$(document).ready(function() {
$('#form_zvonok').submit(function(){
var str = $('#form_zvonok').serialize();
$.ajax({
type: 'POST',
url: /zvonok.php,
data: str,
success: function(msg) {
$('#cerror').ajaxComplete(function (event, request, settings)
{
if (msg == 'OK')
{
result = '<p style="color:green;">Спасибо. Ваш запрос принят.</p><p style="color:green;">Мы Вам перезвоним.</p>';
$("#send_button").hide();
}
else
{
result = msg;
}
$('#cerror').html(result);
});
}
});
return false;
});
});
При нажатии на кнопку происходит перезагрузка страницы и больше ничего...конопка не заменяется на надпись "спасибо"....
Примечание:
я не уверен в строке
$('#cerror').ajaxComplete(function (event, request, settings)
с той ли выборке применяется метод ajaxComplete????
Примечание:
я не использую jquery form plugin
Примечание:
так что $('#cerror').ajaxComplete(function (event, request, settings)
лучше вообще убрать???..начинать сразу с if
Примечание:
написал как подсказали
$('#form_zvonok').submit(function(e){
e.preventDefault();
всёравно перегружает страницу
Примечание:
проверил...всеравно перегружает и в старке как при передаче get вписываются данные из формы....но кнопка не меняется на спасибо......вот посмотрите
http://sheer.com.ua/portfolio/site/ на это странице пробую....
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.