При помощи inputmask создадим маску для телефона.
Как использовать маску для телефона
На вашем сайте уже должен быть jQuery, чуть ниже подключаем плагин inputmask:
$mask = "+7 (999) 999-99-99"; $("#PHONE").inputmask('mask', {'mask': $mask}); $(document).on("ajaxComplete", function(e){ $("#PHONE").inputmask('mask', {'mask': $mask}); });
Как форматировать телефон для сайтов на Битриксе
Рассмотрим такой вариант вариант:
BX.addCustomEvent('onAjaxSuccess', function(){ var $mask = "+7 (999) 999-99-99"; $('#soa-property-3').inputmask('mask', {'mask': $mask}); });
Этот пример работает в компоненте оформления заказа, причем даже при отправке аякс запроса – а это выбор местоположения, доставки, оплаты, применение промокода.
Ссылка на плагин:
https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js
UPDATE: Также, есть такой вариант
https://github.com/digitalBush/jquery.maskedinput/blob/master/dist/jquery.maskedinput.min.js
$('.js-phone-mask').mask('+7 (999) 999-9999');