С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.63/8: Рейтинг темы: голосов - 8, средняя оценка - 4.63
0 / 0 / 0
Регистрация: 18.03.2013
Сообщений: 37

Бесконечность уникальных форм, или как сделать проверку и отправку формы индивидуальной!

19.03.2013, 02:41. Показов 1676. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте дорогие друзья! Нужна ваша помощь и грамотный совет!

Столкнулся с непоняткой такой, при использовании формы на сайте для сбора информации.
А ситуация следующая.

Есть страница на сайте где в цикле выводятся блоки div с инфой, в которых присутствует форма небольшая, у каждого блока она своя, но одинаковая.
вот она:

HTML5
1
2
3
4
5
6
7
8
9
10
11
<form class="contact-form" name="contact" method="post" action="">  
      <input type="text" name="name" id="name" class="text" placeholder="Ваше Имя..." />
      <label class="error" for="name" id="name_error">Введите ваше имя.</label>
      
      <input type="text" name="email" id="email" class="text" placeholder="Ваш email..." />
      <label class="error" for="email" id="email_error">Введите ваш Email.</label>
      <input type="text" name="phone" id="phone" class="text" placeholder="Ваш телефон..." />
      <label class="error" for="phone" id="phone_error">Введите ваш телефон.</label>
      <input name="site" id="site" type="hidden" value="1234567">
      <input type="submit" name="submit" class="button" id="submit_btn" value="Заказать этот сайт" />
 </form>
Сверху страницы подключается сам js файл для обработки событий формы, вот он

<script src="form/js/tutorial.js"></script>

его содержание:

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
$(function() {
  $('.error').hide();
  $(".button").click(function() {
        // Проверка и обработка форм
        // Первая скрыть любые сообщения об ошибках
    $('.error').hide();
        
      var name = $("input#name").val();
        if (name == "") {
      $("label#name_error").show();
      $("input#name").focus();
      return false;
    }
        var email = $("input#email").val();
        if (email == "") {
      $("label#email_error").show();
      $("input#email").focus();
      return false;
    }
        var phone = $("input#phone").val();
        if (phone == "") {
      $("label#phone_error").show();
      $("input#phone").focus();
      return false;
    }
    
    var site = $("input#site").val();
        if (site == "") {
      //$("label#phone_error").show();
      //$("input#phone").focus();
      return false;
    }
        
        var dataString = 'name='+ name + '&email=' + email + '&phone=' + phone + '&site=' + site;
        //alert (dataString);return false;
        
        $.ajax({
      type: "POST",
      url: "form/bin/process.php",
      data: dataString,
      success: function() {
        $('#contact_form').html("<div class='form_d'></div>");
        $('.form_d').html("<h2>Ваша заявка принята!</h2>")
        .append("<p>Я скоро с вами свяжусь.</p>")
        .hide()
        .fadeIn(1500, function() {
          $('.form_d').append("<img id='checkmark' src='form/images/check.png' />");
        });
      }
     });
    return false;
    });
});
runOnLoad(function(){
  $("input#name").select().focus();
});
Скажите пожалуйста, как заставить каждую форму работать отдельно? В JS не силен, но вижу, что функция проверки заполненности полей, перехватывает кнопку .button у формы, если форма одна то все отлично, но их много, и получается скрипт срабатывает для всех, как сделать так, что бы формы не пересекались в работе? Или как сделать уникальной каждую форму? Подскажите пожалуйста!
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
19.03.2013, 02:41
Ответы с готовыми решениями:

Как сделать запрет на отправку формы через неактивность submit?
Здравствуйте! Подскажите пожалуйста Есть форма: &lt;form action=&quot;http:test.php&quot; method=&quot;post&quot; name=&quot;testform&quot;...

Как сделать отправку формы без перезагрузки страницы с получением ответа
Добрый день, уважаемые форумчане. В javascript и ajax разбираюсь крайне плохо и прошу помочь. Нужно сделать отправку формы обработчику php...

Как сделать проверку формы
Здравствуйте, помогите пожалуйста разобраться, как сделать проверку поля &quot;output&quot; чтобы результат скрипта перед отправкой формы был...

1
19.03.2013, 03:27
 Комментарий модератора 
Поздравляю вас с JS в Java разделе
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
19.03.2013, 03:27
Помогаю со студенческими работами здесь

Как сделать проверку времени перед отправкой формы
Посетитель заполнил форму на моем сайте. Отвлекся. Вернулся к компу и нажал кнопку submit. Нужно блокировать отправку формы, если прошло,...

Как сделать проверку формы обратной связи на заполнение?
Как сделать скрипт, чтобы нельзя было отправить пустую форму обратной связи. Вот код формы: &lt;form action=&quot;&quot;...

Как сделать проверку нажатия по спрайту хаотичной формы?
Игра в изометрии на SDL , и встаёт вопрос как сделать проверку нажатия(мышкой) на объект (например кровать) и совершить действия при...

Как сделать проверку формы на пустое значение в поле ввода
Ку, если ты знаешь как так седлать помоги пж. Как проверить на пустоту, я то знаю, а как седлать вот так-https://yapx.ru/u/GuMI1? Мне надо...

Как сделать проверку правильности телефона при сабмите формы
Нужно проверить при сабмите формы чтобы телефон был вида +79151231212 То есть с + сначала и 11 значный номер без пробелов и тире потом ...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути
Programma_Boinc 01.01.2026
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
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? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru