Бортовой журнал Ктулху

Input с маской ввода телефонного номера на jQuery

Плагин jQuery облегчающий валидацию телефонного номера в input'е. Добавляет специальную маску по которой вводятся цифры номера с разделением на блоки. Это облегчает ввод номера и вообще позволяет понимать в каком формате его вводить.

 

screenshot 2016 05 25 08 08 35

Для работы плагина необходимо подключение библиотеки jQuery

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

Затем скачать отсюда и подключить плагин.

<script src="/jquery.maskedinput.js" type="text/javascript"></script>

 Теперь добавить вызов плагина и привязать к нужному input.

<script type="text/javascript">
 jQuery(function($){
$("#telephone").mask("+7(999) 999-9999");
 });
</script>
<input id="telephone" type="tel" />