Здравствуйте! Нужна верстка по макету в фигме 3х страниц. Сайт по онлайн продаже билетов на концерты. Главная сос лайдером и списков концертов, страница меропрития с его описанием и списком концертов ...
JavaScript для открытия/удаления скрытых блоков
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Добрый день!
Дано:
Форма для заполнения данных об участниках группы.
1 общее поле E-mail,
1 блок открыт всегда для 1 частника,
9 скрытых блоков участников.
Блок - это группа полей (Имя, Пол, Гражданство, может дополняться позже новыми полями).
Задача 1:
1. При каждом клике на ссылку "Добавить человека" показываем 1 скрытый блок.
2. Когда показаны все 10 блоков скрываем ссылку "Добавить человека".
3. Начиная со 2-го блока, блок можно скрыть по клику на ссылку "Удалить". При клике "Удалить" все поля блока должны быть очищены.
3.1. Если мы скрываем блок, а до этого ссылка "Добавить человека" была скрыта, т.к. все 10 блоков были раскрыты, то ссылка "Добавить человека" должна появиться, т.к. освободилось 1 место.
4. Ко всем полям (input.select), при клике "Добавить человека" должно добавиться required.
При удалении человека, required должен удаляться. То есть не мешать отправке формы из-за данного условия.
Задача 2:
1. Нужна доп проверка на заполненность полей помимо required. Например, версия браузера не поддерживает required.
Все поля (input,select) обязательны для заполнения. Если не заполнено поле 2-го человека, скрипт должен выдать alert (стандартное всплывающее окно): "Не заполнено Гражданство 2-го человека". Если 3-го, то указать 3-го человека и т.д.
2. Скрипт должен идти отдельно, чтобы интегрировать его позже. Например, указали id формы и скрипт включился. То есть не нужно его интегрировать с задачей 1.
Условия:
1) Кроссбраузерное решение. Использование максимально поддерживаемых функций. Не используем самые новые, а те, что максимально поддерживаются, IE в том числе.
2) Чистый Javascript.
3) Решение должно работать на ПК, планшетах и смартфонах (Andriod/iOS).
4) Решение не должно быть тяжелым в плане производительности. Если какая-то задача слишком тяжелая-долгая, напишите об этом. Подумаем, можем ли убрать-изменить подход.
Условие адаптивности важно, т.к. пользователи в среднем 40+. То есть у них могут быть старые версии браузеров-компьютеров.
ЗЫ. Для удобства я прикрепил html файл с готовой формой. 2-ой блок открыт для примера. Осталось только, чтобы заработали ссылки (Добавить/Удалить) и проверка на заполнение.
Выбранный исполнитель
Похожие заказы
- HTML-верстка1 исполнительЗавершен5 лет назад
Есть сайт на вордпрессе http://penoplast.moscow/ хочу его в html виде без всякого намека на вордпрес (плагины, стили все почистить). То есть внешне должен быть 1 к 1, но начинка должна быть нормальная. Надеюсь доступно объяснил.
HTML-верстка13 заявокЗакрыт5 лет назад- $46
Ищу исполнителя сделать копию одностранички, бюджет 3к.р работы на 5-10 минут!
HTML-верстка62 заявкиЗакрыт5 лет назад Есть два макета под десктоп и адаптивный. Пишите сроки и стоимость.
HTML-верстка1 исполнительЗакрытнет даты1.Устранить конфликт формы rsformpro и unite nivo slider. (не работает форма в модальном окне при нажатии на кнопку) 2.Сверстать один блок по заготовке Подробности исполнителю. Цена договорная
HTML-верстка6 заявокЗакрыт5 лет назадНужно сверстать главную + 17 внутренних страниц для магазина на shop script. Требования к вёрстке: perfect pixelgulp/sassbootstrapвалидность, адаптивностьоптимизация под google speedМакеты дорисовываются. Будут готовы через 2-3 дня.Желательно, что бы у вас был ...
HTML-верстка1 исполнительЗавершен5 лет назад- $15HTML-верстканет заявокЗакрыт5 лет назад
От вас обязательно нужен пример вашей работы, мне важен код, и это один из основных критериев по которому я выбираю исполнителя. Верстка не сложная. Основной там нюанс - это неравномерный фон, который ...
HTML-верстка1 исполнительЗавершен5 лет назадНеобходимо сделать верстку для лэндинга на Tilda часть небольшой презентации. Презентация: https://www.offidocs.com/osessionx02/#/client/REVGQVVMVABjAGRlZmF1bHQ=?username=guest02&password=server0102 Оплата -15 тыс. руб. Срок - 3 дня
HTML-верстка8 заявокЗакрыт5 лет назадНеобходимо настроить турбо-страницы на сайт сделанном на modx evo. Жду предложений по стоимости и срокам.
HTML-верстка2 заявкиЗакрыт5 лет назад