Маски — дают возможность пользователям сайта вводить данные в определенном формате и никак иначе.
Скрипт для фильтрации введенных символов в текстовом поле. Стандартные маски:
<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>
Более расширенные функции:
jQuery(function($){ $("#date").mask("99/99/9999",{placeholder:" "}); });
jQuery(function($){ $("#date").mask("99/99/9999",{completed:function(){alert("Вы ввели: "+this.val());}}); });

