Почему скрипт не работает

@Steisi1982 · Регистрация: 16.05.2018

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

Не работает этот скрипт. При нажатии на кнопку форма уходит, а стили не применяются. Почему-то там стоит user agent stylesheet display:block. И это не меняется.

JavaScript
1
2
3
4
5
6
7
8
9
$("#formBtn").click(function() {
        if (mailValid() && inpTextValid() && inpAgeValid() && inpTelValid()) {
            $("#applicationForm").css("display", "none;");
            $("#loadingShow").css("display", "block");
            $("").submit(function(){
                return true; 
            });
        }
    });

Пробовала скрывать и отображать эти блоки через addClas, remove, результат тот же. Где-то я туплю что ли. Помогите

@ft4l · 01.02.2020, 05:11

Сообщение от Steisi1982

return true;

Не очень понятно... т.е. непонятно при клике страница перезагружается ?
или выполняется ajax запрос , посылается что-то типа $("#applicationForm").serialize()
и куда-то выводится полученный ответ ?

@Steisi1982 · 01.02.2020, 05:15 **[ТС]**

при клике страница не перезагружается, все данные отправляются в файл php, а оттуда на mail.

HTML5
1
<form enctype="multipart/form-data" id="applicationForm" action="./send.php" method="post" target="hiddenframe">

@ft4l · 01.02.2020, 06:56

ну так все такие изменения стилей действуют только для текущей страницы ... до перезагрузки
наверное нужно посылать ajax-ом post-запрос с этим $("").serialize()
не знаю как правильно c jquery )) типа .send .post или как то так.
И подозреваю что форма отправляет файл

Интересно что выведет alert($("").serialize()); ))

Добавлено через 2 минуты
или записывать что-то в куки, и при загрузке страницы устанавливать стили исходя из этих значений

Добавлено через 7 минут
нашёл ))

Code
1
2
3
4
5
6
7
8
9
Example: Save some data to the server and notify the user once it's complete. 
$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
 });

Добавлено через 1 час 14 минут
попробовал с плагином http://jquery.malsup.com/form/#tab2

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.....
<script src="./jquery.js"></script>
    <script src="./jquery.form.min.js"></script>
....
 
<script>
    $('#applicationForm').submit(function() {
        $(this).ajaxForm();
        alert($(this).formSerialize());
        $(this).ajaxSubmit(); 
        // return false to prevent normal browser submit and page navigation 
        return false;
    });
</script>

файл получил... Но не получал никакого сообщения что форма успешно отправлялась и что что-то отвечал отправляющий скрипт, а отвечал он целой страницей

Кто-то знает как получить ответ?

@Steisi1982 · 01.02.2020, 08:03 **[ТС]**

Так я страницу и не перезагружаю

@ft4l · 01.02.2020, 09:13

Если честно , я не знаю

как так получается
обычно return true; по onsubmit позволяет совершить браузеру переход на другую страницу или на ту-же.
например вот php файл с этим плагином )) jquery.form

HTML5
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
<?php
    header('Content-type: text/html; charset=utf-8');
 
if ($_SERVER['REQUEST_METHOD']=='POST'){
    echo '<xmp>'.var_export($_POST)."</xmp>\n";
    echo '<xmp>'.var_export($_FILES)."</xmp>\n";
    exit;
}
?>
<!DOCTYPE html>
<html><head>
    <title>xxx</title>
    <style>
    html    {padding:0; margin:0; width:100%;
background:url(data:image/gif;base64,R0lGODdhAQAGALEAAABtAP//AG0AAAAAACwAAAAAAQAGAAACBAQSIgUAOw==) 0/contain repeat-x;}
    body    {width:88%; margin:1ex auto; padding:1ex 1em; background:#EEE; border-radius: 1em;}
    .frm    {width:70%; margin:1em auto; border:solid 2pt #074;}
    .frm *  {font:600 102% serif; padding:3pt;}
    .frm i  {color:#008; font:500 100% obligue, sans;}
    .frm input  {float:right; clear:right; width:40%; margin:2pt;}
    .frm span   {float:right; margin:0 1em;}
    </style>
    <script src="./jquery.js"></script>
    <script src="./jquery.form.min.js"></script>
</head>
<body>
<header></header>
<nav></nav>
 
<form action="?" method="post" id="applicationForm" enctype="multipart/form-data">
<fieldset class="frm"><legend>test</legend>
<input type="text" name="xxx" value="xxx" /><span>xxx</span>
<input type="text" name="yyy" value="yyy" /><span>yyy</span>
<!-- input type="hidden" name="MAX_FILE_SIZE" value="2048000"/ -->
<input type="file" name="file" required /><span class="required">Файл</span>
<!-- accept=".jpg, .jpeg, .gif, .png, .svg" думаю не стоит картинок может не найтись )) -->
<input type="submit" value="OK"/>
 
<i> Убедитесь что размер загружаемого файла не превышает <?=ini_get('upload_max_filesize')?></i>
</fieldset>
</form>
<div id="results"></div>
<script>
    $('#applicationForm').ajaxForm(
        {
            beforeSubmit: function() {
            $('#results').html('Submitting...');
            $('#results').css('background','#970');
            alert($('#applicationForm').serialize());
            alert($('#applicationForm').formSerialize());
        },
        success: function(data) {
             var $out = $('#results');
             $out.css('background','#9E0');
             $out.html('Your results:');
             $out.append('<div><pre>'+ data +'</pre></div>');
             
        }
    });
</script>
<footer></footer>
</body>
</html>

но я с js вообще стараюсь не связываться ) слишком много надо браузеров чтобы тестить ))

Добавлено через 3 минуты
там как-будто это return false; вшито в плагин jquery.form вместе с submit

Добавлено через 7 минут

Сообщение от x_lab

var_export($_POST)

должно быть var_export($_POST, 1) в обоих случаях

@ft4l · 01.02.2020, 15:19

Сообщение от Steisi1982

$("#applicationForm").css("display", "none;");

Понял почему не работало

из-за точки с запятой где "none;"

Ошибка при парсинге значения «display». Потерянное объявление.

А так да target="hiddenframe" )) оказалось работает как надо

@Steisi1982 · 02.02.2020, 02:21 **[ТС]**

глаз уже замылился. не вижу. спасибо огромное

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа 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. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .

@Steisi1982 1 / 0 / 0 Регистрация: 16.05.2018 Сообщений: 62
	01.02.2020, 08:03 [ТС]
	Так я страницу и не перезагружаю 0

@Steisi1982 1 / 0 / 0 Регистрация: 16.05.2018 Сообщений: 62
	02.02.2020, 02:21 [ТС]
	глаз уже замылился. не вижу. спасибо огромное 0

Почему скрипт не работает

Решение