Плагин Masked Input

Подготовил: Николай Петрунин Дата публикации: 08.05.2012
Последнее обновление: 11.05.2012

Плагин позволяет легко задать для поля маску ввода (даты, номера телефонов и т.п.)

Что качать?

Быстрый старт

Подключаем библиотеки:

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

Подробнее о плагине и его возможностях можно прочитать на странице разроботчика

По теме

Показать комментарии