Маска введення у полях форми на jQuery - Студія веб-дизайну TimDan

форми

Дата створення: 03/05/2016

Плагін коректно працює у всіх браузерах починаючи з IE6+, FF 1.5+, Opera, Safari, Chrome.

Насамперед підключаємо сам фреймворк і плагін усередині тегаhead вашої сторінки:

Далі потрібно викликати функцію плагіна для всіх елементів форми, для яких Ви хочете створити маску, і передати в неї необхідні параметри:

Функція плагіна приймає 2 параметри:

  1. - маска для введення,
  2. - Об'єкт додаткових параметрів.

Маска введення являє собою рядок, що складається зі спеціальних символів:

  1. a — трактується як літерний символ діапазону (A-Z,a-z)
  2. 9 - трактується як числовий символ (0-9)
  3. * - трактується як алфавітно-цифровий символ (A-Z, a-z, 0-9)

Всі символи, крім перерахованих вище, трактуються як літерали. В об'єкті додаткових параметрів можна вказати заповнювач маски введення, за замовчуванням він дорівнює _, наприклад, якщо ви хочете щоб було не нижнє підкреслення, а пробіл, тоді ваша функція виглядатиме так:

Можна також вказати функцію зворотного дзвінка як додатковий параметр. Вона буде викликана після того, як всі елементи маски будуть заповнені:

Ви можете використовувати свої визначення для спецсимволів маски введення наприклад, ви хочете, щоб користувач міг вказувати різницю або суму чисел тоді ви можете зробити це наступним чином:

Іноді бувають такі ситуації, що виникає потреба не заповнювати користувачем деяку частину маски введення, для цього ви можете використовувати спецсимвол ? — все, що йде після цього символу, не є обов'язковим для введення з боку користувача, наприклад:

От начебто б і все. Використовуйте плагін у своїх роботах тавам буде трохи простіше.