Как оставить две одинаковые формы на одной странице?

Question

[NemoNab]

Есть сайт c формой заказа на вот таком скрипте. По задумке обе формы должны отправлять одни и те же данные. Одна форма прячется в модальном окне. вот она-то и не работает, даже с использованием serialize(). Помогите, пожалуйста!
Собственно, сам сайт: tsvet-nochi.ru

Comments

[Владимир]

Помогите с решением подобной проблемы с этим же скриптом

Answer 1

[Максим Е]

В форме используются ID, замените на классы в html, css и js. Все будет работать.

- если у элемента уже есть классы добавить его через пробел (class="class1 class2")
- удалить id
- в css и js заменить решетку (#) на точку (.)

Comments

[NemoNab]

То есть, скажем, вместо id="name" писать class="name"?

[Максим Е]

Да, только:
- если у элемента уже есть классы добавить его через пробел (class="class1 class2")
- в css и js заменить решетку (#) на точку (.)

[NemoNab]

Максим Креативный: Сделано, но итог тот же самый.

[Максим Е]

NemoNab: На сайте не заметил никаких изменений - ничего сказать не могу.
Где-то не заменили или допустили ошибку.

[Максим Е]

NemoNab: вторую форму вставьте на страницу. Можно в

[Максим Е]

у самой формы есть тоже ID - contactForm

[Максим Е]

вы id-то удаляйте. Не может быть два элемента с одним id на странице.

[NemoNab]

Максим Креативный: это id тоже заменить на класс?

[NemoNab]

Максим Креативный: заменил все id на классы, но проблема осталась.

[DevMan]

NemoNab: да, id на то и id - должен быть уникальным.

[NemoNab]

DevMan: да, но только замена проблемы не решила...

[NemoNab]

Сергей Сергеев:Мне как раз-таки хочется разобраться самому, а не ждать решения. Но мне сказали заменить id на class, собственно, что ещё кроме этого я могу сделать?

[NemoNab]

Сергей Сергеев: консоль молчит. Ntwork говорит: "No arguments Provided!"

[Максим Е]

NemoNab: вы в css и js заменили?

[NemoNab]

Максим Креативный: в css не использовал идентификаторы нигде вроде. в js всё сменил.

[Максим Е]

NemoNab: вторая форма где должна появиться? Разместите друг за другом - проверим.

[Максим Е]

NemoNab: все получилось?

[NemoNab]

Максим Креативный: Друг под другом работают.

[Максим Е]

NemoNab: пришло уведомление "отмечено решением", а в вопросе не отмечено :)

[Максим Е]

NemoNab: пару минут назад работала форма по кнопке. откатывайте немного назад и проверяйте.

[NemoNab]

Максим Креативный: Да, теперь всё работает. Спасибо большое:)

Answer 2

[jlekapb]

Кстати, можно не дублировать форму, а по клику клонировать ее

$.clone(true) // clone withDataAndEvents (default: false)

, если используется jquery.

Comments

[jlekapb]

Сергей Сергеев: Чего? Вы о чем вообще? Там простая форма с инпутами, но и с чекбоксами не должно быть проблем.

[NemoNab]

Сергей Сергеев: Ничего не копировано, кроме, непосредственно, самих импутов. Вариант так же не подходит.

[jlekapb]

Сергей Сергеев: кстати да, по умолчанию обработчики не клонируются, нужно $.clone(true)

[jlekapb]

NemoNab: а что еще должно быть скопировано?

[NemoNab]

jlekapb: Да, собственно, только обработчики. Сейчас попробую сделать так, как Вы сказали. Спасибо.

[NemoNab]

jlekapb: Нет, оно не помогает. Теперь в верхней форме в принципе не обрабатываются данные.

[jlekapb]

NemoNab: значит дело в скрипте, у меня работает: codepen.io/lkp/pen/meOEWB?editors=101