У цьому уроці ми розглянемо створення маски для введення даних в форму. Це дасть можливість користувачам сайту вводити дані в певному форматі і ніяк інакше.
Для цього потрібно підключити до документа фреймворк jQuery і відповідний плагін:
Далі вставимо код, який визначає маски нашим формам:
Ви можете визначити маску так, як вам завгодно.
9 - позначає будь-яку цифру, а - будь-яку букву латинського алфавіту, * - будь-який знак.
Визначити значення символів ви також можете самі. Для цього в плагіні jquery.maskedinput-1.2.2.js потрібно змінити наступні рядки:
Замінивши [A-Za-z] на [A-Яa-я], отримаємо можливість вводити кириличні символи замість латинських.
При створенні поля для введення даних просто прописуємо йому потрібний ідентифікатор маски.
Маска для форми готова! Сподіваюся, цей урок був для вас корисний!
5 останніх уроків рубрики "jQuery"
Сьогодні ми б хотіли вам розповісти про бібліотеку TypeIt - безкоштовному jQuery плагін. З її допомогою можна імітувати набір тексту. Якщо все налаштувати правильно, то можна домогтися дуже реалістичного ефекту.
jQuery плагін для створення тимчасової шкали.
jQuery плагін для створення діаграми Ганта.
Приклад того як здійснити завантаження файлу через PHP і jQuery ajax.
Дякуємо. Це супер урок. Те що потрібно!
Що означає знак питання $ ( '# phoneext'). Mask ( "(999) 999-9999? X99999"); і як зробити маску якщо потрібно зробити невизначену кількість символів?
А як зробити маску для умов: тільки цифри без обмеження їх кількості або тільки цифри кількістю від 7 до 9
RedShuhard
Я трохи не сильний в даній темі і у мене таке питання: Як додати маску з уже визначеним умовою наприклад поміняти на щось подібне У мене не виходить, так як в маску перша ж дев'ятка приходить як символ пробілу.
Lashchevsky
Відкрийте файл jquery.maskedinput-1.2.2.js і замініть 15 сходинку на і використовуйте наступну маску: Правда, в такому випадку, Вам краще не використовувати маску для букв. Але в цьому випадку все повинно працювати.
Добрий день. А як зробити, що б це працювало в формі виводиться в модальному вікні?
Спасибо большое Євген. Все працює. Просто супер!
Паша Соколов
чи можна вказати не менше певної кількості символів?
Скажіть, а як перетворити приклад якщо на сторінці кілька однакових форм? Як замість id (#) використовувати класи?
olga1qazaq1
Скачала вихідні, відкрила в браузері. не працює. Нічого не правила, просто відкрила вихідні коди. Що робити, у чому може бути біда?
За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!
Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!
Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.
Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!