jquery.inputmask

Авторские права (c) 2010 - 2013 Robin Herbots Лицензировано согласно лицензии MIT ( https://www.opensource.org/licenses/mit-license.php)

jquery.inputmask - это плагин jquery, который создает маску ввода.

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

Особенности:

• легко использовать
• необязательные части, которые были в маске
• возможность определять псевдонимы, скрывающие сложность
• маски даты / даты и времени
• числовые маски
• много обратных вызовов
• нежные маски
• многие функции могут быть включены / отключены / настроены с помощью параметров
• поддерживает атрибуты readonly/disabled/dir="rtl"
• поддержка атрибута data-inputmask
• поддержка нескольких масок
• поддержка регулярных выражений

Применение:

Включите js-файлы, которые вы можете найти в папке dist. У вас есть связанный файл, который содержит основной код плагина, а также все расширения. (дата, числа, другое) или, если вы предпочитаете включать только некоторые части, используйте отдельные js-файлы в папке dist / min.

Минимум для включения - это jquery.inputmask.js.

html

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

Определите свои маски:

javascript

$(document).ready(function(){
   $("#date").inputmask("d/m/y");  //direct mask
   $("#phone").inputmask("mask", {"mask": "(999) 999-9999"}); //specifying fn & options
   $("#tin").inputmask({"mask": "99-9999999"}); //specifying options only
});

или

html

<input data-inputmask="'alias': 'date'" />
<input data-inputmask="'mask': '9', 'repeat': 10, 'greedy' : false" />
<input data-inputmask="'mask': '99-9999999'" />

javascript

$(document).ready(function(){
    $(":input").inputmask();
});

Учить больше:

• https://github.com/RobinHerbots/jquery.inputmask
• https://robinherbots.github.io/Inputmask/