Перейти к содержимому


Шаблон Ввода Номера Телефона


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 60

#1 Coffee

Coffee

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 178 сообщений

Отправлено 25 Октябрь 2014 - 11:21

Друзья, искал, но не нашел. Как можно привести к определенной форме ввод номера телефона в виде +7 (XXX) XXX-XX-XX, чтобы при вводе номера вместо крестиков вставали цифры. Это круто.

#2 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 25 Октябрь 2014 - 11:56

Просмотр сообщенияCoffee (25 Октябрь 2014 - 11:21) писал:

Друзья, искал, но не нашел. Как можно привести к определенной форме ввод номера телефона в виде +7 (XXX) XXX-XX-XX, чтобы при вводе номера вместо крестиков вставали цифры. Это круто.
Здравствуйте, вам нужно скачать архив
перед
</head>
вставьте

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.maskedinput.js"></script>
<script type="text/javascript">
jQuery(function($){
$("#sites_client_phone").mask("+7 (999) 999-9999");
});
</script>
и добавить через сайт редактор шаблонов файл jquery.maskedinput.js

Прикрепленные файлы


Сообщение отредактировал Firefly: 30 Сентябрь 2017 - 20:43
jquery.maskedinput.js 1.4.1


#3 Coffee

Coffee

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 178 сообщений

Отправлено 25 Октябрь 2014 - 13:06

Просмотр сообщенияИрина345 (25 Октябрь 2014 - 11:56) писал:



Спасибо!!! :)

#4 Coffee

Coffee

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 178 сообщений

Отправлено 25 Октябрь 2014 - 14:08

Подождите, я когда ввожу телефон и щелкаю по другому месту на странице, то телефон меняется в хаотичном порядке. как так? вводил +7921399хххх, а получил +7 (777) 777-9213

Он сдвигает номер вправо, добавляя в начале 7-ку :)

Сообщение отредактировал Coffee: 25 Октябрь 2014 - 14:13


#5 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 25 Октябрь 2014 - 14:46

Просмотр сообщенияCoffee (25 Октябрь 2014 - 14:08) писал:

Подождите, я когда ввожу телефон и щелкаю по другому месту на странице, то телефон меняется в хаотичном порядке. как так? вводил +7921399хххх, а получил +7 (777) 777-9213

Он сдвигает номер вправо, добавляя в начале 7-ку :)
Согласно маске ввода в начале стоит 7, её можно убрать
для этого найдите в HTML
<script type="text/javascript">
jQuery(function($){
$("#sites_client_phone").mask("+7 (999) 999-9999");
});
</script>
где можете убрать "+7"
порядок формирования телефона корректен.

#6 Coffee

Coffee

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 178 сообщений

Отправлено 25 Октябрь 2014 - 14:55

отлично

#7 Coffee

Coffee

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 178 сообщений

Отправлено 27 Октябрь 2014 - 10:45

Не, семёрка или восьмёрка нужны для отправки смс! Сейчас смс не отправляются, т.к. (ХХХ) ххх-хх-хх. Подскажите, пожалуйста, как в шаблон ввода вставить +7 или 8

#8 batta

batta

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 27 Октябрь 2014 - 11:04

Просмотр сообщенияCoffee (27 Октябрь 2014 - 10:45) писал:

Не, семёрка или восьмёрка нужны для отправки смс! Сейчас смс не отправляются, т.к. (ХХХ) ххх-хх-хх. Подскажите, пожалуйста, как в шаблон ввода вставить +7 или 8
В шаблоне HTML У вас выглядит так
<script type="text/javascript">
jQuery(function($){
$("#sites_client_phone").mask("(999) 999-9999");
});
</script>
измените на
<script type="text/javascript">
jQuery(function($){
$("#sites_client_phone").mask("+7 (999) 999-9999");
});
</script>


#9 Coffee

Coffee

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 178 сообщений

Отправлено 27 Октябрь 2014 - 11:30

Просмотр сообщенияbatta (27 Октябрь 2014 - 11:04) писал:

В шаблоне HTML У вас выглядит так
<script type="text/javascript">
jQuery(function($){
$("#sites_client_phone").mask("(999) 999-9999");
});
</script>
измените на
<script type="text/javascript">
jQuery(function($){
$("#sites_client_phone").mask("+7 (999) 999-9999");
});
</script>
я писал выше, что при таком раскладе цифра 7 заменяет одну из последующих вправо цифр при клике вне окна ввода
получается нечто такое
убедитесь в корзине сайта
получается так: набрали +7 (921) 111 1111
щелкнули в любое место на странице
цифра изменилась на +7(792) 111 1111
потом +7 (779) 211 1111

#10 batta

batta

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 27 Октябрь 2014 - 12:11

Просмотр сообщенияCoffee (27 Октябрь 2014 - 11:30) писал:

я писал выше, что при таком раскладе цифра 7 заменяет одну из последующих вправо цифр при клике вне окна ввода
получается нечто такое
убедитесь в корзине сайта
получается так: набрали +7 (921) 111 1111
щелкнули в любое место на странице
цифра изменилась на +7(792) 111 1111
потом +7 (779) 211 1111
У нас не меняет цифры, как заполнено так и отображается.

#11 Coffee

Coffee

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 178 сообщений

Отправлено 27 Октябрь 2014 - 12:17

Просмотр сообщенияbatta (27 Октябрь 2014 - 12:11) писал:

У нас не меняет цифры, как заполнено так и отображается.
историю почистил, вроде теперь тоже все нормально. странно

#12 maomas

maomas

    Пользователь

  • Пользователи
  • PipPip
  • 28 сообщений

Отправлено 17 Ноябрь 2014 - 12:18

Здравствуйте!
Попробовал сделать в своем ИМ такую функцию - все прекрасно работает, но только при оформлении заказа через корзину. При оформлении Быстрого заказа - не работает. Можно ли как-то это исправить?

#13 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 25 Ноябрь 2014 - 15:50

Просмотр сообщенияmaomas (17 Ноябрь 2014 - 12:18) писал:

Здравствуйте!
Попробовал сделать в своем ИМ такую функцию - все прекрасно работает, но только при оформлении заказа через корзину. При оформлении Быстрого заказа - не работает. Можно ли как-то это исправить?
Здравствуйте, найдите в шаблоне быстрый заказ код
  }
</style>
и после него вставьте

<script type="text/javascript">
jQuery(function($){
$("#sites_client_phone").mask("+7 (999) 999-9999");
});
</script>


#14 maomas

maomas

    Пользователь

  • Пользователи
  • PipPip
  • 28 сообщений

Отправлено 29 Ноябрь 2014 - 13:40

Спасибо, Ирина345!
А еще нужно в форму заказа обратного звонка такую маску сделать.. Тогда вообще будет круто!))

#15 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 29 Ноябрь 2014 - 13:42

Просмотр сообщенияmaomas (29 Ноябрь 2014 - 13:40) писал:

Спасибо, Ирина345!
А еще нужно в форму заказа обратного звонка такую маску сделать.. Тогда вообще будет круто!))
Здравствуйте, в конец шаблона Обратный звонок добавьте
<script type="text/javascript">
jQuery(function($){
$("#callback_phone").mask("+7 (999) 999-9999");
});
</script>


#16 maomas

maomas

    Пользователь

  • Пользователи
  • PipPip
  • 28 сообщений

Отправлено 29 Ноябрь 2014 - 13:47

Огромное спасибо!

#17 Яндекс

Яндекс

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 107 сообщений

Отправлено 23 Апрель 2016 - 22:25

Здравствуйте.
Не могу разобраться.
Сделал по инструкции но ничего не работает.

#18 RedHead

RedHead

    Активный участник

  • Модераторы
  • 1 052 сообщений

Отправлено 24 Апрель 2016 - 10:33

Просмотр сообщенияЯндекс (23 Апрель 2016 - 22:25) писал:

Здравствуйте.
Не могу разобраться.
Сделал по инструкции но ничего не работает.

Здравствуйте. Скачайте файл, прикрепленный к сообщению  #2. распакуйте архив и добавьте через Сайт --> Редактор шаблонов,  файл jquery.maskedinput.js

1) Для оформления заказа:

добавьте в конец шаблона ОФОРМЛЕНИЕ ЗАКАЗА код:

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.maskedinput.js"></script>
<script type="text/javascript">
jQuery(function($){
$("#contactPhone").mask("+7 (999) 999-9999");
});
</script>

2) При регистрации.

В конец шаблона ЛК Регистрация нового клиента добавьте код:

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.maskedinput.js"></script>
<script type="text/javascript">
jQuery(function($){
$("#sites_client_mail").mask("+7 (999) 999-9999");
});
</script>

Уточните, если у Вас еще где-либо встречается ввод телефона.

#19 Яндекс

Яндекс

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 107 сообщений

Отправлено 24 Апрель 2016 - 10:46

Спасибо! Всё получилось.

Подскажите а как добавить поле телефон в обратную связь и сделать также ?

#20 RedHead

RedHead

    Активный участник

  • Модераторы
  • 1 052 сообщений

Отправлено 24 Апрель 2016 - 10:56

Просмотр сообщенияЯндекс (24 Апрель 2016 - 10:46) писал:

Спасибо! Всё получилось.

Подскажите а как добавить поле телефон в обратную связь и сделать также ?

Уточните, пожалуйста, где у Вас расположена форма обратной связи? Пришлите ссылку, пожалуйста.




Количество пользователей, читающих эту тему: 1

1 пользователей, 0 гостей, 0 анонимных