Сделать поле в форме обязательным для заполнения

@stilus19 · Регистрация: 06.11.2017

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

Добрый день.
Прошу помочь. На лэндинге все формы без обязательного заполнения - пробовал атрибут required ни чего не вышло. Вот код:

HTML5
1
2
3
4
5
6
</style><div class="step step-0" data-button="" style="display: block">
<div class="cont " data-name="widget_0" data-first_name="1" data-ordering="0" data-required="1" data-default="" data-label="Ваше имя" data-type="input">
<input type="text" class="input" name="widget_0" value="" required placeholder="Ваше имя*" /></div>
<div class="cont " data-name="widget_1" data-default="" data-pattern="" data-required="1" data-mask="" data-phone="1" data-ordering="1" data-label="Ваш телефон" data-type="tel">
<input type="tel" class="input" name="widget_1" value="" required placeholder="Ваш телефон*" /></div>
</div>

заранее спасибо

@evikza · 06.11.2017, 17:00

stilus19, необходимо использовать тег form в таких случаях.

HTML5
1
2
3
4
5
6
7
8
9
<div class="step step-0" data-button="" style="display: block">
 <form id="widget_form">
  <div class="cont" data-name="widget_0" data-first_name="1" data-ordering="0" data-required="1" data-default="" data-label="Ваше имя" data-type="input">
   <input type="text" class="input" name="widget_0" value="" required placeholder="Ваше имя*" /></div>
  <div class="cont" data-name="widget_1" data-default="" data-pattern="" data-required="1" data-mask="" data-phone="1" data-ordering="1" data-label="Ваш телефон" data-type="tel">
   <input type="tel" class="input" name="widget_1" value="" required placeholder="Ваш телефон*" /></div>
  <input type="submit">
 </form>
</div>

@stilus19 · 06.11.2017, 19:16 **[ТС]**

вроде поправил код как вы сказали - вот что получилось - появилась маленькая кнопка - внизу слева - "отправить" при нажатии на нее действительно не дает отправить пустые графы, но старая кнопка "заказать карту" - при нажатии отправляет заявку с пустыми полями - [del]

@evikza · 06.11.2017, 20:47

stilus19, кнопка «Заказать карту» находится в теге form? А из того кода, что я вам предоставил, удалите:

HTML5
1
<input type="submit">

@stilus19 · 07.11.2017, 09:51 **[ТС]**

evikza, убрал то что сказали но все по прежнему - отправляет пустой
вот кнопка -

HTML5
1
2
3
4
5
6
<div class="block block-button is-submit" id="block-new18" >
              <a href="#fire_form_new17"
   target=""
   data-label="Заказать карту"
        >Заказать карту</a>
          </div>

вот сам лэнд может так будет проще - http://t-82.ru/

@evikza · 07.11.2017, 16:24

stilus19, сейчас у вас событие по клику на тег a происходит. А form требует именно кнопку с атрибутом type="submit".
Ну и в обработчике JS перепишете действие под вашу кнопку, я так понимаю за отправку отвечает эта часть кода:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
/ ...
jq_144('a[href^=#fire_form]').click(function() {
            var block_id = jq_144(this).attr('href').substr(11);
            if (block_id) {
                var form = jq_144('#block-'+block_id+' form');
                if (!form.length) { form = jq_144('#popup_'+block_id+' form') }
                form.find('input[name="form_id"]').remove();
                form.append('<input type="hidden" name="form_id" value="'+block_id+'"/>');
                form.submit();
            } else {
/ ...

@stilus19 · 07.11.2017, 18:47 **[ТС]**

evikza, честно говоря я не прогрммист

и если можно ткните носом - это поменять здесь, а это здесь

@stilus19 · 08.11.2017, 23:48 **[ТС]**

люди добрые - вопрос остался открыт - кто может помогите

@tonn777 · 09.11.2017, 09:22

Добавьте к форме класс our_form

@stilus19 · 09.11.2017, 22:29 **[ТС]**

да я бы с удовольствием - но как говорил выше - добавить - могу, но хотелось бы поконкретнее что и где добавить)

Добавлено через 13 часов 2 минуты
ну если все кто могли, помогли - прошу модера тему закрыть

Новые блоги и статьи Все статьи Все блоги /
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 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 Пост отсюда. . .

@stilus19 0 / 0 / 0 Регистрация: 06.11.2017 Сообщений: 6
	06.11.2017, 19:16 [ТС]
	вроде поправил код как вы сказали - вот что получилось - появилась маленькая кнопка - внизу слева - "отправить" при нажатии на нее действительно не дает отправить пустые графы, но старая кнопка "заказать карту" - при нажатии отправляет заявку с пустыми полями - [del] 0

@stilus19 0 / 0 / 0 Регистрация: 06.11.2017 Сообщений: 6
	07.11.2017, 18:47 [ТС]
	evikza, честно говоря я не прогрммист и если можно ткните носом - это поменять здесь, а это здесь 0

@stilus19 0 / 0 / 0 Регистрация: 06.11.2017 Сообщений: 6
	08.11.2017, 23:48 [ТС]
	люди добрые - вопрос остался открыт - кто может помогите 0

@tonn777 1 / 1 / 0 Регистрация: 29.09.2017 Сообщений: 2
	09.11.2017, 09:22
	Добавьте к форме класс our_form 0

@stilus19 0 / 0 / 0 Регистрация: 06.11.2017 Сообщений: 6
	09.11.2017, 22:29 [ТС]
	да я бы с удовольствием - но как говорил выше - добавить - могу, но хотелось бы поконкретнее что и где добавить) Добавлено через 13 часов 2 минуты ну если все кто могли, помогли - прошу модера тему закрыть 0