Маски  — дают возможность пользователям сайта вводить данные в определенном формате и никак иначе.

3456784567899

Скрипт для фильтрации введенных символов в текстовом поле.  Стандартные маски:

<script type="text/javascript">
 jQuery(function() {
 $('#date').mask('99/99/9999');   - дата
 $('#phone').mask('(999) 999-9999');  - номер телефона
 $('#phoneext').mask("(999) 999-9999? x99999"); - телефон + EXT
 $("#iphone").mask("+33 999 999 999"); - международный телефон
 $("#tin").mask("99-9999999"); - ИИН
 $("#ssn").mask("999-99-9999");  - SSN
 $("#product").mask("a*-999-a999"); - ключ продукта
 $("#pct").mask("99%"); - процент
 });
 </script>

Маску  можно определить так, как угодно.

9 — обозначает любую цифру, а — любую букву латинского алфавита, * — любой знак.

Так же можно определить значение символов . Для этого в плагине jquery.maskedinput-1.2.2.js нужно изменить следующие строки:

 definitions: {
'9': "[0-9]",
'a': "[A-Za-z]",
'*': "[A-Za-z0-9]"

Определяем значение маски для Input:

<input id="phone"   type="text">

Но для начала нужно подключить  сам скрипт и библиотеку jQuery

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

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

Более расширенные функции:

webbutton11

Добавить комментарий