Почему первая форма вверху сайта работает, а вторая — просто копия первой нет?

Question

[lilandre]

Есть сайт test.clone.pp.ua . В нем в первой форме работает таймпикер и при клике на телефонный номер и на инпут для календаря, он вызывается, а на второй форме(то что внизу) не работает таймпикер и JQuery .
Почему так? Вторая форма- копия первой.

Answer 1

[Генри]

Параметр id может встречаться не более одного раза на странице, у вас в форме элементы с одинаковым id. Скорей всего скрипт просто обращается к первому найденному или выпадает в ошибку.

Comments

[lilandre]

Все равно не работает.

[Генри]

Смотрите в консоль, чтобы там не было ошибок. Если нужно отследите каждый шаг выполнения программы, можно просто выводить промежуточные значения через console.log()
Всегда хочется воспользоваться готовым решением и написать быстро - но иногда быстрее сесть разобраться пошагово.

[lilandre]

Генри, спасибо. Завтра попробую. Это отличная идея.

Answer 2

[Дмитрий]

Добрый вечер.

Почему так? Вторая форма- копия первой.

Назначьте формам разный id, так же разные id для календаря, номера и так далее(если понадобится)

Comments

[lilandre]

Не работает.

[Дмитрий]

lilandre, и не будет. Вы не поменяли id.
У каждой формы должен быть уникальный, неповторяемый id. И вообще, каждый id, который Вы используете должен быть уникален на странице.

[Дмитрий]

lilandre, для двух форм у Вас один id - "form"