Маска для телефона

В личном кабинете

1. Подключить файл maskedinput.js 2. В auth/content/form.html прописать параметры, к которым применить маску, например,

<-script>
    
    $('input[name="content_params_id[4]"]').mask('+7 (999) 999-99-99');
    $('input[name="content_params_id[153]"]').mask('+7 (999) 999-99-99');
    
<-/script->

---

В статическом блоке (устаревшая)

Маска ввода текста:

1. Скопировать jquery.maskedinput.min.js в THEME/js/jquery.maskedinput.min.js

2. Подключить в HTML:

 

script type="text/javascript" src="/frontend/Gui/kb/js/jquery.maskedinput.min.js

3. В соответствующем статблоке прописать:

script type="text/javascript" >

$(document).ready(function(){
	$(".phone_inp").mask("8 (999) 999-99-99");
});

if ( $('.phone_inp').length ) {

    $(document).delegate( ".phone_inp", "focus blur", function() {

        var elem = $( this );
        
        setTimeout(function() {
            if(!elem.val().length){
    	        $('.phone_text').toggleClass("focused", elem.is(":focus"));
            }
    	}, 0 );
        
    });

    $(document).on('click', '.phone_text', function(e) {

        e.preventDefault();
        $('.phone_inp').focus();

    });
}

script

4. Добавить классы phone_text и phone_inp:

    div class="form-group phone_text"
      input name="content_params_id[4]" type="tel" class="form-control phone_inp" id="tel" placeholder="Телефон"
    /div>

5. Для input type=text name="my_name" маска ставится так

script type="text/javascript" >

$(document).ready(function(){
	$("input[name='my_name']").mask("8 (999) 999-99-99");
});


script