Первое, что нужно сделать - это подключить библиотеку jQuery:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
Теперь необходимо скачать и подключить плагин maskedinput.js. Скачать его можно здесь или последнюю версию с официального сайта, закинуть и подключить к себе на сайт:
<script src="js/maskedinput.js"></script>
Теперь необходимо создать саму маску. Для этого воспользуемся следующим кодом:
<script type="text/javascript">jQuery(function($){$("#phone").mask("(999) 999-9999");});</script>
Где #phone - идентификатор поля с номером телефона, а .mask("(999) 999-9999") - маска. Цифра девять означает, что в данном поле можно будет вводить только цифры от 0 до 9.
<input type="text" id="phone" name="phone" placeholder="Введите ваш телефон">
Кроме того, можно сделать запись с уже прописанным кодом страны, который будет выводится по умолчанию:
$("#phone").mask("+7(999) 999-9999");