Маска ввода телефона для Callme. Инструкция

Если Вам нужна форма обратной связи в сплывающем (модальном) окне, есть замечательный скрипт от Dedushka – CallMe. Он (скрипт) постоянно обновляется, но даже в последнюю версию Назар не захотел вставить возможность добавления маски для ввода, ссылаясь на то что она не очень полезна, так как многие используют форму для пользователей из разных стран, где разные типы номеров. Но я маски люблю, мне нравится их использовать и наши клиенты тоже часто просят ее добавить.

В этой статье я расскажу как добавить маску ввода через jquery.mask на скрипт CallMe

Также здесь я описал как добавить маску для плагина ContactForm7 на Wordpress

 

И так, вся инструкция заключается в подключении jquery.mask и добавлением класса к строке ввода в уже настроенный скрипт CallMe:

  1. Качаем сам скрипт отсюда, выбрав версию Minified.
  2. Скорее всего откроется код скрипта в отдельном окне браузера, поэтому просто копируем код, создаем новый файл с названием jquery.maskedinput.min.js и вставляем его туда. Или можно скачать готовый скрипт здесь.
  3. Загружаем скрипт на сервер сайта и подключаем его в блоке HEAD своего сайта
  4. Далее находим и открываем 1 файл скрипта Callme, который называется form.html. Если Вы ничего не меняли в структуре файлов, то в версии 2.3 он должен находится в директории: \callme\templates\form.html
  5. В самом верху файла добавляем код скрипта

    где есть несколько примеров масок для разных типов полей, которые можно изменять на свое усмотрение.
  6. Выбираем ту маску, которая нам подходит и меняем ее название на название поля, которое у нас отвечает за ввод телефона (указанное в файле \callme\js\config.js ): у меня это поле называется Телефон, поэтому я сменил строку

    на
  7. Далее все в том-же файле form.html находим строку

    и изменяем ее на
  8. Сохраняем все файлы и маска сработает в нужном нам поле.

callme_screen

 

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Перезвонить?

 

×
Предварительный заказ

 

×