Не работает вторая форма обратной связи (формы зависят друг от друга)

@Tema! · Регистрация: 22.06.2013

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

Всем привет, такая проблема:
Есть две формы обратной связи.
Если вводить данные в первую форму и нажать кнопку отправки сообщения, то ошибок нет, и отправляется отлично, а если ввести данные во ВТОРУЮ форму и нажать отправить то выскакивает как будто поле не заполнено, получается так что при нажатии на кнопку из второй формы, она обращаеться к первой форме, а так как там не заполнено то показывает ошибки.
Подскажите пожалуйста, как можно сделать чтобы данные в формах не зависили друг от друга и отправлялись отдельно.
Ниже файл в котором все данные
Заранее спасибо

@Tema! · 15.07.2013, 15:52 **[ТС]**

В mail.php
Здесь

PHP
1
$to = "ПОЧТА"

;
Можно написать любую почту, тогда первая форма работает

Может нужно еще один mail.php создать? чтобы данные от первой форы обращались к первой mail.php ,
а данные от второй, ко второй mail.php.
Или как-то в jqvery сделать так, чтобы они не зависли друг от друга

@Soldado · 15.07.2013, 16:26

У Вас принципиальная ошибка: не должно быть одинаковых id на одной странице. Это как отпечатки пальцев - ищут до первого совпадения, никому ведь в голову не прийдёт искать ещё одного человека с такими же отпечатками. Так и JQuery работает находит первый id="email" и его проверяет и так далее.
Что делать - при клике по кнопке находить для неё её форму и заносить в переменную объект.

JavaScript
1
var pForma = $(".subscribenowbutton").parent('forma');

Дальше все элементы формы искать в этой форме, например для email

JavaScript
1
if(pForma.children('input[name=email]').val==''){

id для одинаковых элементов вообще убрать

@Tema! · 15.07.2013, 16:50 **[ТС]**

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

Код JavaScript
1
var pForma = $(".subscribenowbutton").parent('forma') ;
Дальше все элементы формы искать в этой форме, например для email
Код JavaScript
1
if(pForma.children('input[name=email]').val==''){

Подскажите пожалуйста, а как именно его здесь нужно прописать в первой

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
  <article class="row threecols"> <!-- three "containers" begin --> 
    <section class="five columns"> <!-- Subscribe begin --> 
    <h5>ФОРМА 1</h5>           
    <form method="post" action="mail.php" id="subscribe" class="nice custom">
<strong>Ваше имя:</strong><br />
<input type="text" placeholder="Your Name" id="name" name="name" size="30"/>
<br />
<strong>Ваш e-mail (для ответа):</strong><br />
<input id="email" name="email" placeholder="Email address" type="text" size="30" />
<br />
<p>
<input type="button" class="small button subscribenowbutton" value="Отправить сообщение"/>
</p>
</form>
        <div id="subscribed"></div>
    </section> <!-- Subscribe end -->  
  </article> <!-- three "containers" end -->

и второй форме

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<article class="row threecols"> <!-- three "containers" begin -->   
    <section class="five columns"> <!-- Subscribe begin --> 
    <h5>ФОРМА 2</h5>           
    <form method="post" action="mail.php" id="subscribe" class="nice custom">
<strong>Ваше имя:</strong><br />
<input type="text" placeholder="Your Name" id="name" name="name" size="30"/>
<br />
<strong>Ваш e-mail (для ответа):</strong><br />
<input id="email" name="email" placeholder="Email address" type="text" size="30" />
<br />
<p>
<input type="button" class="small button subscribenowbutton" value="Отправить сообщение"/>
</p>
</form>
        <div id="subscribed"></div>
    </section> <!-- Subscribe end -->
    </article> <!-- three "containers" end -->

Или его нужно здесь реализовать?

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
78
79
 <!-- Included JS Files (Compressed) -->
  <script src="javascripts/foundation.min.js"></script>
  
  <!-- Initialize JS Plugins -->
  <script src="javascripts/app.js"></script> 
  <script> // opens popup windows for facebook, twitter and google plus
  function fbtpopup(fbttarget) { window.open(fbttarget, 'fbtpopup', 'width=900,height=500,top=0,left=0,location=yes,menubar=no,resizable=yes,scrollbars=yes,status=yes,toolbar=no')};
  </script>
  <script src="javascripts/rhinoslider-1.05.min.js"></script>
  <!-- <script src="javascripts/mousewheel.js"></script> --> <!-- uncomment when using controlsMousewheel: true -->
  <script src="javascripts/jquery.innerfade.js"></script>
<script>
$(window).ready(function() {
    $('ul#slider,.newfeatures').fadeIn(800); // when window ready fade in ul#slider and .newfeatures ribbon
        $('ul#slider').rhinoslider({
            showTime: 6000, // six seconds between slides
            controlsMousewheel: false, // requirement: mousewheel.js, look above
            controlsKeyboard: false, // see rhinoslider documentation -> [url]http://rhinoslider.com/options/[/url]
            controlsPrevNext: false, // see rhinoslider documentation -> [url]http://rhinoslider.com/options/[/url]
            controlsPlayPause: false, // see rhinoslider documentation -> [url]http://rhinoslider.com/options/[/url]
            autoPlay: true, // see rhinoslider documentation -> [url]http://rhinoslider.com/options/[/url]
            showBullets: 'always', // see rhinoslider documentation -> [url]http://rhinoslider.com/options/[/url]
            showControls: 'never', // see rhinoslider documentation -> [url]http://rhinoslider.com/options/[/url]
            slidePrevDirection: 'toRight', // see rhinoslider documentation -> [url]http://rhinoslider.com/options/[/url]
            slideNextDirection: 'toLeft' // see rhinoslider documentation -> [url]http://rhinoslider.com/options/[/url]
        });
    $('ul.clients').innerfade({
        speed: 1500, // see innerfade documentation -> [url]http://medienfreunde.com/lab/innerfade/[/url]
        timeout: 7600, // see innerfade documentation -> [url]http://medienfreunde.com/lab/innerfade/[/url]
        type: 'random' // see innerfade documentation -> [url]http://medienfreunde.com/lab/innerfade/[/url]
    });
    
    $(".subscribenowbutton").click(function(event){
    
    event.preventDefault();
    if(!/^\w+[a-zA-Z0-9_.-]*@{1}\w{1}[a-zA-Z0-9_.-]*\.{1}\w{2,4}$/.test(jQuery("#email").val()))
 
    {
 
      alert("Email ");
 
      return false;
 
    }
 
    if ( $("#name").val() == '' || $("#email").val() == '' ) {
        
        $('#subscribe').fadeOut(400, function() {
            $('#subscribed').hide().html("<p>Please fill in your name and your mail address into the form fields and then press the &quot;Subscribe Now&quot; button!</p>").fadeIn(800, function(){
                $('#subscribed').delay(5000).fadeOut(800, function(){
                    $('#subscribe').fadeIn(400);
                });
            });
        });
        
    } else {
            $.ajax({
            type: "POST",
            url: "mail.php",
            data: $('#subscribe').serialize(),
            
            success: function() {
                $('#subscribe').fadeOut(400, function() {
                    $('#subscribed').hide().html("<p>Thank you very much for subscribing to our newsletter.</p>").fadeIn(800, function() {
                        $('#subscribed').delay(10000).fadeOut(800, function() {
                            $('#subscribe').fadeIn(400);
                                subscribe.reset();
                        });
                    });
                });
            }
        }); 
    }
    
    });
 
    
}); 
</script>

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

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

не должно быть одинаковых id на одной странице

Подскажите пожалуйста, как нужно обозначить разные id и где менно чтобы все работало, я в этом деле еще новичек

@Soldado · 15.07.2013, 17:58

index.html

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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width" />
  <title>Landing Page August 2012</title>
<link rel="stylesheet" href="stylesheets/foundation.min.css">
  <link rel="stylesheet" href="stylesheets/app.css">
  <script src="javascripts/modernizr.foundation.js"></script>
</head>
<body> <!-- let the show begin -->
                                            
 
 
                                                                        <!-- ПЕРВАЯ ФОРМА ОБРАТНОЙ СВЯЗИ -->
  <article class="row threecols"> <!-- three "containers" begin --> 
    <section class="five columns"> <!-- Subscribe begin --> 
    <h5>ФОРМА 1</h5>           
    <form method="post" action="mail.php"  class="nice custom">
<strong>Ваше имя:</strong><br />
<input type="text" placeholder="Your Name" name="name" size="30"/>
<br />
<strong>Ваш e-mail (для ответа):</strong><br />
<input  name="email" placeholder="Email address" type="text" size="30" />
<br />
<p>
<input type="button" class="small button subscribenowbutton" value="Отправить сообщение"/>
</p>
</form>
        <div class="subscribed"></div>
    </section> <!-- Subscribe end -->  
  </article> <!-- three "containers" end -->
  
  
  
                                                                    <!-- ВТОРАЯ ФОРМА ОБРАТНОЙ СВЯЗИ -->
   <article class="row threecols"> <!-- three "containers" begin -->    
    <section class="five columns"> <!-- Subscribe begin --> 
    <h5>ФОРМА 2</h5>           
    <form method="post" action="mail.php"  class="nice custom">
<strong>Ваше имя:</strong><br />
<input type="text" placeholder="Your Name"  name="name" size="30"/>
<br />
<strong>Ваш e-mail (для ответа):</strong><br />
<input  name="email" placeholder="Email address" type="text" size="30" />
<br />
<p>
<input type="button" class="small button subscribenowbutton" value="Отправить сообщение"/>
</p>
</form>
        <div class="subscribed"></div>
    </section> <!-- Subscribe end -->
    </article> <!-- three "containers" end -->
 
                                                                                    <!-- js КОД -->
    
    
  <!-- Included JS Files (Compressed) -->
  <script src="javascripts/foundation.min.js"></script>
  
  <!-- Initialize JS Plugins -->
  <script src="javascripts/app.js"></script> 
  <script> // opens popup windows for facebook, twitter and google plus
  function fbtpopup(fbttarget) { window.open(fbttarget, 'fbtpopup', 'width=900,height=500,top=0,left=0,location=yes,menubar=no,resizable=yes,scrollbars=yes,status=yes,toolbar=no')};
  </script>
  <script src="javascripts/rhinoslider-1.05.min.js"></script>
  <!-- <script src="javascripts/mousewheel.js"></script> --> <!-- uncomment when using controlsMousewheel: true -->
  <script src="javascripts/jquery.innerfade.js"></script>
<script>
$(window).ready(function() {
    $('ul#slider,.newfeatures').fadeIn(800); // when window ready fade in ul#slider and .newfeatures ribbon
        $('ul#slider').rhinoslider({
            showTime: 6000, // six seconds between slides
            controlsMousewheel: false, // requirement: mousewheel.js, look above
            controlsKeyboard: false, // see rhinoslider documentation -> http://rhinoslider.com/options/
            controlsPrevNext: false, // see rhinoslider documentation -> http://rhinoslider.com/options/
            controlsPlayPause: false, // see rhinoslider documentation -> http://rhinoslider.com/options/
            autoPlay: true, // see rhinoslider documentation -> http://rhinoslider.com/options/
            showBullets: 'always', // see rhinoslider documentation -> http://rhinoslider.com/options/
            showControls: 'never', // see rhinoslider documentation -> http://rhinoslider.com/options/
            slidePrevDirection: 'toRight', // see rhinoslider documentation -> http://rhinoslider.com/options/
            slideNextDirection: 'toLeft' // see rhinoslider documentation -> http://rhinoslider.com/options/
        });
    $('ul.clients').innerfade({
        speed: 1500, // see innerfade documentation -> http://medienfreunde.com/lab/innerfade/
        timeout: 7600, // see innerfade documentation -> http://medienfreunde.com/lab/innerfade/
        type: 'random' // see innerfade documentation -> http://medienfreunde.com/lab/innerfade/
    });
    
    $(".subscribenowbutton").click(function(event){
    
    event.preventDefault();
    
var pForma = $(this).parents('form');
 
    
    if(!/^\w+[a-zA-Z0-9_.-]*@{1}\w{1}[a-zA-Z0-9_.-]*\.{1}\w{2,4}$/.test(pForma.children('input[name=email]').val()))
 
    {
 
      alert("Email ");
 
      return false;
 
    }
 
    if ( pForma.children('input[name=name]').val() == '' || pForma.children('input[name=email]').val() == '' ) {
        
         pForma.fadeOut(400, function() {
             pForma.next('.subscribed').hide().html("<p>Please fill in your name and your mail address into the form fields and then press the &quot;Subscribe Now&quot; button!</p>").fadeIn(800, function(){
                pForma.next('.subscribed').delay(5000).fadeOut(800, function(){
                     pForma.fadeIn(400);
                });
            });
        });
        
    } else {
            $.ajax({
            type: "POST",
            url: "mail.php",
            data:  pForma.serialize(),
            
            success: function() {
                 pForma.fadeOut(400, function() {
                     pForma.next('.subscribed').hide().html("<p>Thank you very much for subscribing to our newsletter.</p>").fadeIn(800, function() {
                         pForma.next('.subscribed').delay(10000).fadeOut(800, function() {
                             pForma.fadeIn(400);
                                subscribe.reset();
                        });
                    });
                });
            }
        }); 
    }
    
    });
 
    
}); 
</script>
</body>  <!-- let the show end -->
</html>

@Tema! · 15.07.2013, 18:51 **[ТС]**

Спасибо огромное

Один только маленький вопрос
Здесь

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
 else {
            $.ajax({
            type: "POST",
            url: "mail.php",
            data:  pForma.serialize(),
            
            success: function() {
                 pForma.fadeOut(400, function() {
                     pForma.next('.subscribed').hide().html("<p>Thank you very much for subscribing to our newsletter.</p>").fadeIn(800, function() {
                         pForma.next('.subscribed').delay(10000).fadeOut(800, function() {
                             pForma.fadeIn(400);
                                pForma.reset();

Как очистить форму после отправки сообщения?
я использую это

JavaScript
1
pForma.reset();

но почему-то форма не очищается

Добавлено через 19 минут
Ставил эти два кода

JavaScript
1
$("#form").val('');

JavaScript
1
$("#form").trigger('reset');

всеравно не очищает, если не сложно подскажите пожалуйста, буду вам весьма благодарен

@Soldado · 15.07.2013, 19:08

Форма уже у нас в переменной pForma.
Нужно для всех текcтовых инпутов этой формы val очистить

JavaScript
1
pForma.children('input[type=text]').val("");

Новые блоги и статьи Все статьи Все блоги /
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .