Как вы уже поняли, для начала нам понадобится скрипт «Masked Input Plugin» написанный на jQuery, его размер поистине радует 2.8 килобайта.

  1. Скачиваем сам скрипт и библиотеку jQuery (если она еще не подключена). Закидываем их в папку сайта.
  2. Подключаем эти файлы на страницу
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.maskedinput.js" type="text/javascript"></script>

3. Активируем скрипт как в примере И так, пример активации скрипта:

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

Этот скрипт будет добавлять узнанную маску для форм с id phone. Теперь о масках символов:

  • a — Все алфавитные значения (A-Z,a-z)
  • 9 — Все цифровые значения (0-9)
  • * — Любые алфавитно-цифровые значения (A-Z,a-z,0-9)

Теперь более расширенный функции:

jQuery(function($){
   $("#product").mask("99/99/9999",{placeholder:" "});
});

Этот скрипт позволяет заменить стандартный символ нижнего подчеркивания на любой, котовый вы хотите, в данном сулчае он заменяется на пробел.

[sociallocker id=1274] Перейти
[/sociallocker]
Голосов  (1)
Плагин рейтинга создан автором этого блога. Буду очень признателен, если вы сможете его поддержать (ссылка)
Об авторе

Веб-разработчик. Работа с проектами простой и средней сложности. Верстка, программирование. Simpla, Drupal, Wordpress.

Смотреть посты