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


Форма Заполнения Номера Телефона


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

#1 Ostinems

Ostinems

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

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

Отправлено 15 Февраль 2016 - 10:34

Добрый день.

Многие клиенты пишут с ошибкой свой номер, при заполнении обратного звонка.

Помогите сделать более удобной функцию заполнения, а точнее разделить ее ( рис. 1 ) чтобы первая цифра была отдельно, 3 цифры после были отдельны в коде, и последние цифры были разделены черточкой.

Заранее благодарен!

Прикрепленные изображения

  • Снимок.JPG


#2 Ирина345

Ирина345

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

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

Отправлено 15 Февраль 2016 - 11:59

Просмотр сообщенияOstinems (15 Февраль 2016 - 10:34) писал:

Добрый день.

Многие клиенты пишут с ошибкой свой номер, при заполнении обратного звонка.

Помогите сделать более удобной функцию заполнения, а точнее разделить ее ( рис. 1 ) чтобы первая цифра была отдельно, 3 цифры после были отдельны в коде, и последние цифры были разделены черточкой.

Заранее благодарен!
Здравствуйте, есть два варианта, можно установить подсказку, можно добавить маску ввода
1. что добавить подсказку найдите в шаблоне Товар код
<input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Номер телефона" autocomplete="off">
замените на

<input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="+7 999 0000" maxlength="50" title="Номер телефона" autocomplete="off">
2. что бы установить маску, скачайте по данной ссылке архив и из него загрузите в раздел Сайт -Редактор шаблонов файл
далее найдите в шаблоне hTML
</head>

и перед данный тегом добавьте
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.maskedinput.js"></script>
<script type="text/javascript">
jQuery(function($){
$("#callback_phone").mask("+7 999 999-99-99");
});
</script>


#3 Ostinems

Ostinems

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

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

Отправлено 15 Февраль 2016 - 12:01

Все супер. Спасибо

#4 Ирина345

Ирина345

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

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

Отправлено 15 Февраль 2016 - 12:09

Просмотр сообщенияOstinems (15 Февраль 2016 - 12:01) писал:

если не сложно, то после первой черточке пробел поставить и добавить 2ю черточку = )
Найдите в шаблоне HTML
$("#callback_phone").mask("+7 999 999-9999");
замените на
$("#callback_phone").mask("+7 999 999-99-99");


#5 dypel

dypel

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

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

Отправлено 18 Февраль 2016 - 09:07

Подскажите, пожалуйста, как в Аккаунт SL-342718, как при заполнении обратного звонка клиент вводил 10 цифр +7 "ххх-ххх-хх-хх"?

#6 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 18 Февраль 2016 - 09:37

Просмотр сообщенияdypel (18 Февраль 2016 - 09:07) писал:

Подскажите, пожалуйста, как в Аккаунт SL-342718, как при заполнении обратного звонка клиент вводил 10 цифр +7 "ххх-ххх-хх-хх"?
Здравствуйте.
Выполните инструкцию из сообщения 2.

#7 dypel

dypel

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

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

Отправлено 19 Февраль 2016 - 00:58

Просмотр сообщенияDanil (18 Февраль 2016 - 09:37) писал:

Здравствуйте.
Выполните инструкцию из сообщения 2.

Все бы хорошо, но я в шаблоне Товар не могу найти:
<input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Номер телефона" autocomplete="off">

#8 RedHead

RedHead

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

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

Отправлено 19 Февраль 2016 - 09:53

Просмотр сообщенияdypel (19 Февраль 2016 - 00:58) писал:

Все бы хорошо, но я в шаблоне Товар не могу найти:
<input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Номер телефона" autocomplete="off">

Здравствуйте. Скачайте архив, прикрепленный в сообщении #2 загрузите этот файл в редакторе шаблонов через кнопку "Добавить файлы". Затем в шаблоне html перед строкой:
</head>
вставьте:
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.maskedinput.js"></script>
<script type="text/javascript">
jQuery(function($){
$("#callback_phone").mask("+7 999 999-99-99");
});
</script>

Чтобы добавить подсказку, в этом же шаблоне html замените строки:
<div class="input-box">
				 <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off">
				 </div>
на:
<div class="input-box">
				 <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="+7 999 0000" maxlength="50" title="Номер телефона" autocomplete="off">
				 </div>

Результат:

1.jpg

#9 dypel

dypel

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

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

Отправлено 19 Февраль 2016 - 10:49

Спасибо Вам огромное! Все получилось!!!




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

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