Телефонная маска на любой форме GetCourse

Всем привет! Сегодня мы немного улучшим наши GetCourse формы. Я расскажу вам как сделать маску для поля ввода номер телефона.

В первую очередь - это будет полезно для сбора валидных контактов наших клиентов. Мы не позволим вводить в поле лишние символы или ввести просто "1", а во вторую - пользователю будет понятно в каком именно формате мы хотим получить от него данные.

Инструкция:

1. Загружаем в своё хранилище GetCourse этот файл
2. В форме добавляем html и вставляем туда этот код

<script src="ПУТЬ В ФАЙЛУ С ВАШЕГО ХРАНИЛИЩА"></script>
<script>
$(function(){  
        phoneAutoMask('input[name="formParams[phone]"]', {
            fallbackCountry: 'ru',
            l10n: 'ru',
            intlTelInput: {
                preferredCountries: ['ru', 'ua', 'by', 'kz'],
            },
        });
});
</script>
<style>.iti {width:100%}</style>

В первой строке нужно вставить файл с нашего хранилища, который мы загрузили в первом пункте.

🎉 Готово!

Видео-инструкция

Бесплатная консультация по техническим настройкам 👇
https://t.me/ma_andrey

Больше наших кейсов и гайдов 👇
https://t.me/tech_cases