Плагин Masked Input
Подготовил: Николай Петрунин
Дата публикации: 08.05.2012
Последнее обновление: 11.05.2012
Плагин позволяет легко задать для поля маску ввода (даты, номера телефонов и т.п.)
Что качать?
- библиотеку jquery
- jquery.maskedinput-1.3.js
- или его сжатую версию jquery.maskedinput-1.3.min.js
Быстрый старт
Подключаем библиотеки:
HTML
<script type="text/javascript" src="js/jquery-1.7.2.min.js" ></script> <script type="text/javascript" src="js/jquery.maskedinput-1.3.min.js"></script>
Подразумевается, что в HTML-коде где-то есть поле для ввода:
<form action="#" method="post"> <div> <input type="text" class="mask"> </div> </form>
Инициализируем плагин maskedinput, например, так:
<script type="text/javascript"> jQuery(function(){ jQuery(".mask").mask("(999) 999-9999"); }); </script>
Вот и все.
Проверено в:
- IE 7-8
- Firefox 3.5
- Opera 10
- Safari 3
Подробнее о плагине и его возможностях можно прочитать на странице разроботчика
По теме
Показать комментарии