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

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

19.03.2013, 02:41. Показов 1698. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
Команды формы и диалоговое окно
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при создании или изменении элементов справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода!
anaschu 24.03.2026
Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru