Содержание:
1.Маска с фиксированным количеством знаков (для одной страны)
2.Маска с плавающим количеством знаков (для нескольких стран)


Важно!
Скрипт работает корректно, если выбран тип поля формы "Телефон".

Результат установки будет на опубликованной странице. 

1.Маска формата +7 (999) 999-9999: 

Код необходимо добавить в настройках страницы (раздел “Метрика и скрипты” - “Добавить плагин - Произвольный код - поле “BODY"):

<script type="text/javascript" src="https://github.com/downloads/digitalBush/jquery.maskedinput/jquery.maskedinput-1.3.min.js"></script>
<script type="text/javascript">
$("div[data-type=phone] input, div[plp-field=phone] input").mask("+7 (999) 999-9999");
$( "div[data-type=phone] input" ).each(function() {
if ($(this).attr('value') ) $(this).attr('placeholder',$(this).attr('value'))})
$( "[plp-field=phone] input" ).change(function() {
if ($(this).val()=='') $(this).closest('[plp-field=phone]').removeClass('is-filled'); else
$(this).closest('[plp-field=phone]').addClass('is-filled')});
</script>


Важно!
Результат будет на опубликованной странице. В редакторе маска отображаться не будет.

2.Маска формата +99999999999?9: 

Маска телефона, в которой можно указать 11 или 12 цифр. Она подойдёт и для номеров Украины, и для РФ. 

Код необходимо добавить в настройках страницы (раздел “Метрика и скрипты” - “Добавить плагин - Произвольный код - поле “BODY"):

<script type="text/javascript" src="https://github.com/downloads/digitalBush/jquery.maskedinput/jquery.maskedinput-1.3.min.js"></script>
<script type="text/javascript">
$("div[data-type=phone] input, div[plp-field=phone] input").mask("+99999999999?9");
$( "div[data-type=phone] input" ).each(function() {
if ($(this).attr('value') ) $(this).attr('placeholder',$(this).attr('value'))})
$( "[plp-field=phone] input" ).change(function() {
if ($(this).val()=='') $(this).closest('[plp-field=phone]').removeClass('is-filled'); else
$(this).closest('[plp-field=phone]').addClass('is-filled')});
</script>


Важно!
Результат будет на опубликованной странице. В редакторе маска отображаться не будет.

Вы нашли ответ?