<script type='text/javascript' src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.5/jquery.inputmask.min.js"></script>
<script>
$(function () {
$('#contact_phone').inputmask({"mask": "(999) 999-9999"})
});
</script>
// jQuery-плагин для установки курсора в определенной позиции pos:
$.fn.setCursorPosition = function (pos) {
if ($(this).get(0).setSelectionRange) {
$(this).get(0).setSelectionRange(pos, pos);
} else if ($(this).get(0).createTextRange) {
var range = $(this).get(0).createTextRange();
range.collapse(true);
range.moveEnd('character', pos);
range.moveStart('character', pos);
range.select();
}
};
$('[name="phone"]').click(function () {
$(this).setCursorPosition(3);
}).mask('+7 (999) 999-99-99');