Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
5 / 5 / 1
Регистрация: 26.07.2012
Сообщений: 28

Модальное окно jquery ajax

12.04.2016, 13:42. Показов 960. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Я слабо понимаю в ajax и java, возникла проблема, по сути с готовым скриптом.
Есть форма, при нажатии на кнопку отправить, должны данные с полей отправляться на почту
Но при нажатии на кнопку отправить, остаётся только окно с надписью- "Отправляется", во вложении.
JavaScript
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
33
34
35
36
37
<script type="text/javascript">
    $(document).ready(function() {
        $(".modalbox").fancybox();
        $("#contact").submit(function() { return false; });
        $("#send").on("click", function(){
            var emailval  = $("#email").val();
            var msgval    = $("#msg").val();
            var msglen    = msgval.length;
            if(msglen < 4) {
                $("#msg").addClass("error");
            }
            else if(msglen >= 4){
                $("#msg").removeClass("error");
            }
            
            if(msglen >= 4) {
                // если обе проверки пройдены
                // сначала мы скрываем кнопку отправки
                $("#send").replaceWith("<em>отправка...</em>");
                
                $.ajax({
                    type: 'POST',
                    url: 'mail.php',
                    data: $("#contact").serialize(),
                    success: function(data) {
                        if(data == "true") {
                            $("#contact").fadeOut("fast", function(){
                                $(this).before("<p><strong>Успешно! Ваше сообщение отправлено  :)</strong></p>");
                                setTimeout("$.fancybox.close()", 1000);
                            });
                        }
                    }
                });
            }
        });
    });
</script>
Вот код, видимо, после отправки вообще ничего не выполняется, может, кто совет какой даст, как исправить можно?
Миниатюры
Модальное окно jquery ajax  
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
12.04.2016, 13:42
Ответы с готовыми решениями:

Модальное окно jquery
Всем добрый день! Подскажите, как сделать вызов модального окна по условию? Вызываю вот так: else {echo &quot; &lt;link...

Модальное окно + ajax
Здравствуйте, я раньше писал на php и с ajax/jquery сталкивался не так часто. Сейчас встала потребность в более-менее современном...

Модальное окно и Ajax
всем добрый день, уважаемые форумчане! помогите, пожалуйста, решить следующую задачу: есть страница, на ней есть модальное окно с...

1
Философ-разговорник
 Аватар для Padonak
1066 / 391 / 120
Регистрация: 20.02.2016
Сообщений: 884
Записей в блоге: 1
12.04.2016, 18:23
JavaScript
1
2
3
4
5
6
7
8
success: function(data) {
alert('data = '+data+'\n\ntypeof data = '+typeof data);
/* вот тут можно проверить, 
что именно пришло с сервера в качестве ответа, 
т.е. чему равно data и станет ясно выполнится ли 
условие ниже по коду 
*/
if(data == "true") {
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
12.04.2016, 18:23
Помогаю со студенческими работами здесь

AJAX Загрузка страницы в модальное окно
Добрый день или вечер. Возникла задача =)) Есть под домены.. там размещены сайты, надо организовать загрузку этих сайтов в модальное окно...

Модальное окно, форма, JQuery, перехватить SUBMIT
Добрый день. С использованием JQuery и Bootstrap имеется страница, формируемая на основе шаблонов из нескольких частей: head.tpl...

Показать модальное окно после AJAX-запроса
Всем привет! Нужна помощь. и так есть простая форма с ajax. как только заработает нужно показать модальное окно, окно можно посмотреть...

Как средствами php открыть модальное окно на jQuery?
Привет всем у меня есть скрипт модального окна. Оно появляется когда пользователь щелкает по ссылке, а как можно сделать это средствами php...

Как открыть модальное окно из страницы подгруженной ajax-ом.
Приветствую, уважаемые! Возникла проблема. Дано: Страница, на ней часть контента подгружается ajax-ом. Задача: Данные подгрузили,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru