Наверх
 

Навигация
Опрос
Какие виды уроков Вы хотите видеть на сайте?
Битрикс
DLE
CSS
Joomla
Wordpress
Все для хостинга
Все для фотошопа
Другое

База уроков » » » Маска телефона для поля input

Маска телефона для поля input

19 сен 2014 | Комментариев: 0 | Просмотров: 3538

В этой статье расскажу как можно сделать красивую маску телефона для поле input.

 

Установка:

 

Подключаем файлы:


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

 

Активируем скрипт:


<script type="text/javascript">jQuery(function($) {$('#date').mask('99/99/9999');$('#phone').mask('+7-999-999-99-99');$('#zakazphone').mask('+7-999-999-99-99');$("#date2").mask("99/99/9999",{placeholder:"-"});$("#phone2").mask("(999) 999-9999",{completed:function(){alert("Этого: "+this.val()+" достаточно!");}});});</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:" "}); });


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

jQuery(function($){ $("#product").mask("99/99/9999",{completed:function(){alert("Вы ввели: "+this.val());}}); });


Этот позволяет исполнять любую функцию по заверению ввода в форму.

 

Ну и на последок теперь в input поставить нужный id по которому хотим получать вывод.

<input id="phone" name="tel" value="">


Вот и все

 

 

 


Скачать файл:

Скачать файл Скачек: 48 | Размер: 2,54 Kb


Ссылка на новость:

    html-cсылка на публикацию
    BB-cсылка на публикацию
    Прямая ссылка на публикацию

ЕЩЕ НА ЭТУ ТЕМУ:

Кнопка Наверх на сайте

Кнопка Наверх на сайте

В этой статье я расскажу как сделать красивую кнопку наверх на своем сайте. 
Переливающийся текст с помощью JavaScript

Переливающийся текст с помощью JavaScript

В этой статье расскажу как сделать переливающийся текст на javascript.
Новогодняя гирлянда из елочных шариков от Яндекса

Новогодняя гирлянда из елочных шариков от Яндекса

Красивая новогодняя гирлянда в виде елочных украшений, при наведении на шарики они двигаются и издают звук.
Иконка на внешнюю ссылку

Иконка на внешнюю ссылку

Иконка для внешней ссылки - используется jQuery плагин для показа внешней ссылки.
Красивый эффект анимации для галереи

Красивый эффект анимации для галереи

Эффект, который позволит преобразить вашу галерею фотографий, с помощью библиотеки Raphael и jQuery. Нужно создать три файла: index.html, default.css, init.js
Zoomy - красивый эффект лупы на изображении

Zoomy - красивый эффект лупы на изображении

Эффект лупы достигается благодаря использованию простого jQuery плагина Zoomy. Вам понадобятся две копии одного и того же изображения - первая - копия
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.