Xiper

Masked Input Plugin

Автор: Николай Петрунин Дата публикации:

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

Что качать?

  • или его сжатую версию

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

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

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

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

По теме