Всплывающее окно после нажатия на кнопки формы

@Mick · Регистрация: 11.12.2012

Студворк — интернет-сервис помощи студентам

Добрый день, имеется следующая проблема - на странице форма регистрации, необходимо после завершения регистрации выводить всплывающее окно с текстом. В некоторых вариантов решения надо было на подтверждающий input навесить onclick с вызовом окна, но в таком случае не проходит отправка данных формы, а только вызывается окно. Подбросили идею использовать after вместе с click, но как это организовать не могу понять. Подскажите пожалуйста, как правильно написать вывод окна?

Donald28 · 21.01.2013, 16:02

Не понятно время появления этого окна.

До передачи данных формы или после? Если "до" - то какое содержание этого окна?

@Mick · 21.01.2013, 16:21 **[ТС]**

После нажатия на инпут регистрации, с after ошиблись, в итоге решилось следующим образом

JavaScript
1
2
3
4
5
$(document).ready(function(){
 $("form").submit(function(){
   alert("Спасибо за регистрацию!");
});
});

@Mullih · 23.01.2013, 21:54

вообщето то что вы сделали не юзабилити, реально вы его не зарегестирировали а уже сообщили что процесс окончен.

если вам надо выводить сообщение, то у вас 2 выхода

или вы регестрируете его аяксом а по итогу сообщаете результат
или вы сабмитите форму и в респонзе от сервера на онлоде выводите результат

@Mick · 23.01.2013, 22:16 **[ТС]**

Не подскажите, как реализовать второй способ?

@Mullih · 23.01.2013, 22:30

да легко

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script type="text/javascript">
    $(document).ready(function () {
        $("form").submit(function (e) {
            $.ajax({
                url: $(this).attr("action"),
                data: $(this).serialize(),
                type: 'post',
                dataType: "json",
                success: function (data) {
                    //было бы не плохо серверу отправить json тогда можно было бы сделать условие, зарегал или нет
                    //а так пока будем считать что 200 ответ будет гарантированно что зарегал
                    alert("Спасибо за регистрацию!");
                },
                error: function () {
                    alert('Мы бы и рады написать "Спасибо за регистрацию!", но чтото на сервере сломалось');
                }
 
            })
            e.preventDefault();
        });
    });
</script>

@Mick · 24.01.2013, 10:40 **[ТС]**

Не подскажите

JavaScript
1
url: $(this).attr("action"),

за что отвечает? error'ное сообщение выдает, если не заполнено одно из полей. Возможно конфликт идет с проверкой на заполненность инпутов формы.

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
{* Страница регистрации *}
 
{if !$UserForm}
<h1>Регистрация</h1>
{/if}
 
{if $error}
<div class="message_error">
    {if $error == 'empty_name'}Введите имя
    {elseif $error == 'empty_company'}Введите название организации или ФЛП
    {elseif $error == 'empty_fio'}Введите ваше Ф.И.О.
    {elseif $error == 'empty_phone'}Введите ваш номер телефона
    {elseif $error == 'empty_email'}Введите email
    {elseif $error == 'empty_password'}Введите пароль
    {elseif $error == 'empty_passwordconfirm'}Введите потверждение пароля
    {elseif $error == 'empty_passwordconfirmnot'}Пароли отличаються
    {elseif $error == 'user_exists'}Пользователь с таким Логином уже зарегистрирован
    {else}{$error}{/if}
</div>
{/if}
 
<form id="formID" class="form register_form" method="post"  style="ruby-position:relative; width:90%; ">
<table width="100%">
    <tr>
        <td width="400px"><div class="div_left"><span>Название организации или ФЛП*</span></div></td>
        <td> <input type="text" name="company" data-format=".+" data-notice="Введите название организации или ФЛП" value="{$company|escape}"  maxlength="255"  style="width:100%"  /></td>
    </tr>
    <tr>
        <td><div class="div_left"><span>ИНН</span></div></td>
        <td><input type="text" name="inn" value="{$inn|escape}"  maxlength="20"  style="width:100%"  /></td>
    </tr>
    <tr>
        <td><div class="div_left"><span>Ваше Ф.И.О.*</span></div></td>
        <td><input type="text" name="fio" data-format=".+" data-notice="Введите ваши данные" value="{$fio|escape}"  maxlength="255" style="width:100%" /></td>
    </tr>
    <tr>
        <td><div class="div_left"><span>Юридический адрес</span></div></td>
        <td><input type="text" name="adres" value="{$adres|escape}"  maxlength="300"  style="width:100%"  /></td>
    </tr>
    <tr>
        <td><div class="div_left"><span>№ телефона*</span></div></td>
        <td><input id ="phone" type="text" name="phone" data-format=".+" data-notice="Введите ваш номер" value="{$phone|escape}"  maxlength="255" style="width:100%"  /></td>
    </tr>
    <tr>
        <td><div class="div_left"><span>Дополнительный № телефона (если имеется)</span></div></td>
        <td><input type="text" name="phone2" value="{$phone2|escape}"  style="width:100%"  /></td>
    </tr>
    <tr>
        <td><div class="div_left"><span>Имя (Логин)*</span></div></td>
        <td><input type="text" name="name" data-format=".+" data-notice="Введите имя" value="{$name|escape}" maxlength="255" style="width:100%" /></td>
    </tr>
    <tr>
        <td><div class="div_left"><span>Email*</span></div></td>
        <td><input type="text" name="email" data-format="email" data-notice="Введите email" value="{$email|escape}" maxlength="255" style="width:100%"  /></td>
    </tr>
    <tr>
        <td><div class="div_left"><span>Подписаться на рассылку новостей и прайс-листов</span></div></td>
        <td><input type="checkbox"   name="sendemail" {if $sendemail}checked=""{/if} style="" /></td>
        </tr>
    <tr>
        <td><div class="div_left"><span>Пароль*</span></div></td>
        <td><input  type="password" name="password" {if $UserForm}{else}data-minLine="4" data-format=".+" data-notice="Введите пароль, минимум 4 символа"{/if} value="" style="width:100%"/></td>
    </tr>
    <tr>
        <td><div class="div_left"><span>Потверждение пароля*</span></div></td>
        <td><input  type="password" name="passwordconfirm" {if $UserForm}{else}data-format=".+" data-notice="Введите потверждение пароля"{/if} value="" style="width:100%"/></td>
    </tr>
    <tr>
        <td>* Обязательные поля</td>
    </tr>
</table>
{if $UserForm}<input type="text" name="pageselect" value="2" style="width:100%;display:none "  />{/if}
<div align="center">
    <input type=submit class="button" name="register" value="{if $UserForm}Изменить{else}Зарегистрироваться{/if}"  style="float: none;"  />
</div>
 
</form>

@Mullih · 24.01.2013, 11:07

JavaScript
1
url: $(this).attr("action"),

урла куда должна поститься форма

http://htmlbook.ru/html/form/action

error'ное сообщение выдает, если не заполнено одно из полей

на самом деле error отрабатывает если сервер отдает ответ отличный от 200 -ого или 304-го

@Mick · 24.01.2013, 11:39 **[ТС]**

Получается скрипт не срабатывает, из за отсутствия action в форме, данные передаются и обрабатываются двумя разными файлами движка сайта.

@Mullih · 24.01.2013, 11:42

ну задайте url: '/test.html' //а точнее адрес куда должна поститься форма

Новые блоги и статьи Все статьи Все блоги /
Функция установки текстового статуса в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем
10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .

@Mick 0 / 0 / 0 Регистрация: 11.12.2012 Сообщений: 25

	Всплывающее окно после нажатия на кнопки формы 21.01.2013, 15:28. Показов 12625. Ответов 9 Метки нет (Все метки) Добрый день, имеется следующая проблема - на странице форма регистрации, необходимо после завершения регистрации выводить всплывающее окно с текстом. В некоторых вариантов решения надо было на подтверждающий input навесить onclick с вызовом окна, но в таком случае не проходит отправка данных формы, а только вызывается окно. Подбросили идею использовать after вместе с click, но как это организовать не могу понять. Подскажите пожалуйста, как правильно написать вывод окна? 0

Donald28 странник 810 / 481 / 108 Регистрация: 28.05.2012 Сообщений: 1,518 Записей в блоге: 2
	21.01.2013, 16:02
	Не понятно время появления этого окна. До передачи данных формы или после? Если "до" - то какое содержание этого окна? 0

@Mullih 92 / 71 / 8 Регистрация: 05.08.2012 Сообщений: 138
	23.01.2013, 21:54
	вообщето то что вы сделали не юзабилити, реально вы его не зарегестирировали а уже сообщили что процесс окончен. если вам надо выводить сообщение, то у вас 2 выхода или вы регестрируете его аяксом а по итогу сообщаете результат или вы сабмитите форму и в респонзе от сервера на онлоде выводите результат 0

@Mick 0 / 0 / 0 Регистрация: 11.12.2012 Сообщений: 25
	23.01.2013, 22:16 [ТС]
	Не подскажите, как реализовать второй способ? 0

@Mick 0 / 0 / 0 Регистрация: 11.12.2012 Сообщений: 25
	24.01.2013, 11:39 [ТС]
	Получается скрипт не срабатывает, из за отсутствия action в форме, данные передаются и обрабатываются двумя разными файлами движка сайта. 0

@Mullih 92 / 71 / 8 Регистрация: 05.08.2012 Сообщений: 138
	24.01.2013, 11:42
	ну задайте url: '/test.html' //а точнее адрес куда должна поститься форма 0