Почему маска ввода в полях на сайте работает а в bootstrap popover нет?

Question

[Вячеслав Яшников]

Добрый вечер,
Столкнулся с проблемой, на сайте во всех модальных окнах работает маска ввода номера телефона, а в bootstrap popover - нет, с чем это связано? Ссылка на сайт При нажатии на "заказать звонок" открывается модальное окно - там все работает, а вот при нажатии на корзину (появляется когда докрутить до "ЭКЗОТИЧЕСКИЕ ФРУКТЫ" ) и сделать заказ, то в форме маска ввода номера не появляется, хотя должна

Comments

[Николай Лапшин]

Проблему понял. Как инициализируете маску ввода? Какую-то функцию JS запускаете?

[Вячеслав Яшников]

Николай Лапшин: да, запускаю $("#cart-phone")maskedinput("+7 (999) - 99 - 99");

Answer 1

[Николай Лапшин]

Собственно что имеем:

$("#cart-phone")maskedinput("+7 (999) - 99 - 99");

Без точки перед maskedinput - ошибка по понятным причинам.

$("#cart-phone").maskedinput("+7 (999) - 99 - 99");

Это выдает в firebug

TypeError: $(...).maskedinput is not a function

$("#cart-phone").inputmask("+7 (999) - 99 - 99");

Это работает.

И да, нужно на onclick на поле инициализировать, например. Или на открытие формы.
Форма генерится динамически и к тому моменту, когда функция отрабатывает, поля еще нет.

В firebug проверьте.
В общем нужно когда форма отобразилась инициализировать маску.

Comments

[Вячеслав Яшников]

$("#cart-phone").inputmask("+7 (999) - 99 - 99"); - отвечал с планшета не поставил точку, в коде точка стоит, поставил событие onclick на input при наведении на него маска появляется при клике пропадает

[Николай Лапшин]

Попробуйте все убрать и добавить просто атрибут onfocus="MaskedPhone();"

[Вячеслав Яшников]

Николай Лапшин: не работает, вероятно это из- за особенностей плагина, он делает валидацию, и при клике видимо обнуляет или еще что-то, видимо нужно запускать функцию эту во время рендеринга формы

[Вячеслав Яшников]

Николай Лапшин: Добавил, теперь работает, но только после того как ввести что-то перейти на другой инпут и вернуться обратно

[Николай Лапшин]

Да. Я тоже уже проверил. Это у вас robinherbots.github.io/jquery.inputmask ? Если да, то я тоже его использую и значит такие же сюрпризы ожидают. Хотелось бы разобраться.

[Вячеслав Яшников]

Николай Лапшин: я думаю это не в самом плагине маски ввода проблема, а в плагине корзины покупок, ибо он выводит форму и только с ним такая проблема

[Николай Лапшин]

Вообще такое чувство, что на поле phone уже есть какие-то события на click, hover.

[Вячеслав Яшников]

Николай Лапшин:
// Showing contact form.
app.on('purchase', bind(function(){
this.cartPopupView.show(this.contactsView)
$("#cart-phone").inputmask("+7 (999) - 99 - 99");
}, this))

вставил сюда, все заработало как надо, НО теперь появляется ошибка

Uncaught TypeError: ((m.event.special[e.origType] || (intermediate value)).handle || e.handler).apply is not a function

[Николай Лапшин]

Это она появляется на blur, если в phone что-то поменяли. На blur кто-то проверяет, правильно ли заполнено поле. Скорее всего там ошибка.

[Вячеслав Яшников]

Николай Лапшин: Перезалил с исходника, внес изменения заново, все работает, спасибо!