Красивое поле с маской для ввода номера телефона на javascript

23.12.2021

Довольно распространенная задача, когда нужно сделать поле с маской для ввода номера телефона, раньше использовал плагин jquery.mask.min.js, но он стал плохо работать, поэтому нашел вариант на чистом javascript.

pic1

Использование крайне простое, подключаем библиотеку:

 
<script type="text/javascript" src="https://unpkg.com/imask"></script>

Указываем маску:

 
let element = document.getElementById('fb_phone');
let maskOptions = {
	mask: '+{7}(000) 000-00-00'
};
IMask(element, maskOptions);

Подробнее можно посмотреть в документации

Скачать imask.js версии 6.2.2 (https://unpkg.com/imask@6.2.2/dist/imask.js)


Категории: Web, JavaScript
Пометки: Красивое поле с маской для ввода номера телефона на javascript javascript mask input phone
Яндекс.Метрика