Access маска ввода числа — Вэб-шпаргалка для интернет предпринимателей!

Если свойство Формат (Format) управляет тем, как данные отображаются в поле таблицы, то свойство Маска ввода (Input Mask) позволяет контролировать ввод данных в таблицу. И не только контролировать, но и упрощать процесс ввода. Маску используют в том случае, когда вводимые данные должны содержать определенные символы в некоторых позициях вводимой строки. Самым простым и ярким примером таких данных являются номера телефонов. Маска ввода должна обеспечить возможность вводить только цифры номера, а остальные символы (скобки вокруг кода города, дефис между цифрами номера) будут добавляться автоматически. Маска задается с помощью символов, приведенных в табл. 2.12.

Символ маски	Описание
	В данную позицию должна быть введена цифра. Знаки плюс (+) и минус (-) не допускаются
9	В данную позицию должна быть введена цифра или пробел. Знаки плюс (+) и минус (-) не допускаются
#	В данную позицию должна быть введена цифра, пробел, знаки плюс (+) или минус (-)
L	В данную позицию должна быть введена буква
?	В данную позицию может быть введена буква или пробел
A	В данную позицию должна быть введена буква или цифра
a	В данную позицию должна быть введена буква, цифра или пробел
&	В данную позицию должен быть введен произвольный символ или пробел
C	В данную позицию может быть введен произвольный символ или пробел. Если пользователь ничего не введет, Access не занесет в эту позицию никаких данных
. (точка)	Десятичный разделитель (зависит от региональных установок в окне Язык и стандарты Панели управления Windows)
, (запятая)	Разделитель групп разрядов (зависит от региональных установок в окне Язык и стандарты Панели управления Windows)
-, /	Разделители в значениях даты и времени (зависят от региональных установок в окне Язык и стандарты Панели управления Windows)
Преобразует все символы справа к верхнему регистру
!	Указывает, что маску нужно заполнять справа налево. Этот символ следует использовать в том случае, когда символы в левой части маски являются необязательными. Его можно помещать в любой позиции маски
	Указывает, что следующий символ необходимо рассматривать в качестве постоянного символа, даже если он является специальным символом маски. Например, А будет выводить в маске букву А
«литерал»	Вместо того чтобы многократно использовать символ обратного слэша (), можно просто заключить любой литерал в двойные кавычки

Таблица 2.12. Символы для создания масок ввода

Для того чтобы сформировать маску ввода, можно использовать Мастера масок ввода (Input Mask Wizard). Откройте в режиме Конструктора таблицу «Заказы» (Orders). Выделите поле «Дата размещения». Чтобы ввести маску ввода для этого поля, щелкните мышью по ячейке свойства Маска ввода (Input Mask). Нажмите небольшую кнопку с тремя точками (рис. 2.21), которая появится справа (эта кнопка называется кнопкой Построителя и будет встречаться еще во многих местах), и дальше следуйте указаниям мастера:

В первом диалоговом окне вы можете выбрать нужную маску из списка (рис. 2.22). Если вы попытаетесь вводить данные в поле Проба (Try It), то сможете увидеть, как будут форматироваться вводимые вами символы. Нажмите кнопку Далее (Next).

Сформированная символьная строка маски отображается в поле Маска ввода (Input Mask) для поля «ДатаРазмещения» (OrderDate) (рис. 2.22). Маска ввода состоит из трех частей:

• символьной строки маски;
• символа 0. Это означает, что введенные в поле данные будут сохраняться вместе со специальными символами. Можно заменить 0 на 1 — тогда специальные символы маски не будут запоминаться в поле;
• символа заполнителя.

Синтаксис масок ввода и примеры

Для облегчения обработки значений, имеющих фиксированный шаблон, – например, телефонных номеров – применяют маску ввода. Маска ввода (или маска для краткости) предоставляет возможность сообщить MS Access, какой шаблон или образец должны использовать данные. Основываясь на этом образце, MS Access изменяет способ ввода и редактирования значений, делая их более понятными и менее подверженными ошибкам.

Маски можно добавлять для любого поля с текстовым или дата/время типом данных. По сравнению с обычным текстом маски обладают рядом достоинств:

Маски управляют элементом ввода. Будучи пустым, шаблон маски отображает символы заполнители, на место которых должны попасть значения.

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

Маски предупреждают ошибки. Они отбрасывают символы, не соответствующие шаблону.

Маски устраняют путаницу. Одни и те же данные многих типов можно представить несколькими способами. Такие же преимущества маски дают при вводе дат, которые можно ввести разнообразными способами (Год/Месяц/День, Месяц-День-Год и т.п.).

В приведенной ниже таблице указано, как MS Access интерпретирует знаки, содержавшиеся в свойстве Маска ввода. Чтобы включить в маску текстовые константы, отличные от представленных в таблице, в том числе знаки и пробелы, следует просто ввести их в нужную позицию. Чтобы включить один из следующих знаков в качестве текстовой константы, необходимо перед ним ввести знак обратной косой черты ( ).

В приведенной таблице перечислены и описаны местозаполнители и текстовые константы, которые можно использовать в маске ввода.

Цифра. В эту позицию обязательно следует ввести одну цифру.

Цифра. В эту позицию можно ввести одну цифру, но необязательно.

В эту позицию следует ввести цифру, пробел либо знак плюса или минуса. Если пользователь пропускает эту позицию, вставляется пробел.

Буква. В эту позицию обязательно следует ввести одну букву.

Буква. В эту позицию можно ввести одну букву, но необязательно.

Буква или цифра. В эту позицию обязательно следует ввести одну букву или цифру.

Буква или цифра. В эту позицию можно ввести одну букву или цифру, но необязательно.

Любой знак или пробел. В эту позицию обязательно следует ввести знак или пробел.

Любой знак или пробел. В эту позицию можно ввести знак или пробел, но необязательно.

Разделитель целой и дробной части, групп разрядов, значений дат и времени. Выбираемый знак зависит от региональных параметров Windows.

Все последующие знаки отображаются в верхнем регистре.

Обеспечивает ввод значения в виде

В данном случае пользователи должны вводить междугородный код, так как в этой области маски (000 в скобках) используется местозаполнитель 0.

(206) 555-0199 ( ) 555-0199

В этом случае в области междугородного кода используется местозаполнитель 9, поэтому междугородные коды необязательны. Кроме того, восклицательный знак (!) обусловливает заполнение маски слева направо.

Предоставляется возможность заменить буквами четыре последних цифры телефонного номера в формате США. Обратите внимание на местозаполнитель 0 в области кода города, который делает междугородный код обязательным.

Любое положительное или отрицательное число, включающее не более четырех знаков и не имеющее разделителей тысяч и дробной части.

ЗЕЛЕНЫЙ339М3 МАЙ Р 452Б7

Сочетание обязательных (L) и необязательных (?) букв и обязательных цифр (0). Знак «больше» требует вводить все буквы в верхнем регистре. Чтобы использовать маску ввода этого типа, необходимо задать для типа данных поля таблицы значение Текстовый или Поле МЕМО.

Обязательный почтовый индекс и необязательная область четырехзначного расширения.

Сочетание обязательных букв и цифр, все в верхнем регистре. Данный тип маски ввода помогает, например, правильно вводить инвентарные номера или заполнять другие формы складского учета.

Вы можете помочь пользователям правильно вводить данные в классические базы данных Access, подключив маски ввода к полям, имеющим строго определенный формат значений, например номера телефонов.

Маска влияет только на ввод значений в Access: она не меняет способ их хранения, который записи от типа данных поля и других свойств. Дополнительные сведения о хранении данных в Access см. в статье Введение в типы данных и свойства полей.

Важно: Эта статья относится только к классическим базам данных Access. Веб-приложения и веб-базы данных Access не поддерживают маски ввода.

В этой статье

Общие сведения о масках ввода

Маска ввода — это строка символов, указывающая формат допустимых значений входных данных. Маски ввода можно использовать в полях таблиц или запросов, а также в элементах управления форм и отчетов. Маска ввода хранится в свойствах объекта.

Маску ввода рекомендуется использовать, когда вводимые значения должны иметь единый формат, например для полей с номерами телефонов из десяти цифр. Если пользователь введет номер, не указав код города, данные не будут приняты в Access, пока пользователь не добавит код города.

Три компонента маски ввода

Маски ввода состоят из одного обязательного и двух необязательных компонентов, разделенных точками с запятой. Назначение каждого из компонентов описано ниже.

Первый компонент является обязательным. Он представляет собой знак или строку (последовательность знаков) маски с заполнителями и литералами, например круглыми скобками, точками и дефисами.

Второй компонент не является обязательным и определяет способ хранения встроенных знаков маски в поле. Если для этого компонента задано значение 0, знаки сохраняются вместе с данными, а если 1, то знаки отображаются без сохранения. Выбрав значение 1, можно сэкономить место для хранения базы данных.

Третий компонент маски ввода также не является обязательным и определяет знак, используемый в качестве заполнителя. По умолчанию в Access используется знак подчеркивания (_). Чтобы задать другой знак, введите его в третьем компоненте маски.

Пример маски ввода для телефонных номеров в формате России: (999) 000-00-00 ;0 ;-:

В маске используются два заполнителя — 9 и 0. Заполнитель 9 обозначает необязательные цифры (код города можно не вводить), а 0 — обязательные.

Значение 0 во втором компоненте маски ввода указывает на то, что знаки маски следует хранить вместе с данными.

Третий компонент маски ввода указывает на то, что вместо знака подчеркивания ( _) в качестве заполнителя будет использоваться дефис ( -).

Знаки, определяющие маски ввода

В приведенной ниже таблице перечислены заполнители и литералы, используемые в масках ввода, и описано их влияние на ввод данных.

Пользователь должен ввести цифру (от 0 до 9).

Пользователь может ввести цифру (от 0 до 9).

Пользователь может ввести цифру, пробел, знак «плюс» или «минус». Если ничего не ввести, будет вставлен пробел.

Пользователь должен ввести букву.

Пользователь может ввести букву.

Пользователь должен ввести букву или цифру.

Пользователь может ввести букву или цифру.

Пользователь должен ввести какой-либо знак или пробел.

Пользователь может ввести знаки или пробелы.

Разделитель целой и дробной части, групп разрядов, значений дат и времени. Выбираемый знак зависит от региональных параметров Windows.

Все последующие знаки будут переведены в верхний регистр.

Когда следует избегать использования масок ввода в Access

Маски ввода — это полезный инструмент, но он уместен не во всех случаях. Не используйте маски ввода, если верно одно из следующих утверждений.

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

Планируется использовать элемент управления «Выбор даты» с полем даты и времени. Маски ввода несовместимы с таким элементом управления.

Добавление маски ввода в поле таблицы с помощью мастера масок ввода

Маски ввода можно использовать для полей с типом данных «Текстовый», «Числовой» (кроме кода репликации), «Денежный» и «Дата/время».

Примечание: Если применить маску ввода к полю с типом данных «Дата/время», для этого поля невозможно будет использовать элемент управления Выбор даты.

В области навигации щелкните таблицу правой кнопкой мыши и выберите в контекстном меню команду Конструктор.

Выберите поле, к которому необходимо применить маску ввода.

В разделе Свойства поля на вкладке Общие щелкните поле свойства Маска ввода.

Чтобы запустить мастер масок ввода, нажмите кнопку Построить .

Выберите нужный тип маски ввода из списка.

Щелкните поле Проба и введите данные, чтобы проверить работу маски.

Чтобы оставить маску ввода без изменений, нажмите кнопку Далее.

Выберите способ хранения данных.

Чтобы сохранить изменения, нажмите кнопку Готово.

Добавление маски ввода в запрос

В области переходов щелкните правой кнопкой мыши запрос, который требуется изменить, и выберите в контекстном меню команду Конструктор.

В бланке запроса установите курсор в столбец поля, которое требуется изменить.

Курсор можно поместить в любую строку для этого поля.

Нажмите клавишу F4, чтобы открыть окно свойств поля.

В разделе Свойства поля на вкладке Общие щелкните поле свойства Маска ввода.

Чтобы запустить мастер масок ввода, нажмите кнопку Построить . Следуйте инструкциям мастера.

Добавление маски ввода в элемент управления формы или отчета

В области переходов щелкните правой кнопкой мыши форму или отчет, которые требуется изменить, и выберите в контекстном меню команду Конструктор.

Щелкните правой кнопкой мыши элемент управления, который требуется изменить, а затем выберите в контекстном меню команду Свойства.

На вкладке Все щелкните поле свойства Маска ввода.

Чтобы запустить мастер масок ввода, нажмите кнопку Построить . Следуйте инструкциям мастера.

Создание настраиваемых масок ввода

В мастере предусмотрены маски ввода для наиболее распространенных вариантов форматирования, однако в некоторых случаях требуется настроить маску под особые нужды. Чтобы сделать это, можно либо изменить одну из предопределенных масок мастера ввода, либо вручную задать свойство «Маска ввода» для соответствующего поля.

Настройка масок ввода в мастере

Откройте объект в конструкторе и щелкните поле, к которому нужно добавить настраиваемую маску ввода.

Чтобы запустить мастер масок ввода, нажмите кнопку Построить .

Нажмите кнопку Изменить список.

Откроется диалоговое окно Настройка масок ввода.

Перейдите к новой записи в этом окне и введите новое описание в поле Описание.

В поле Маска ввода введите символы и заполнители с помощью разрешенных знаков из списка таблицы.

Щелкните стрелку списка Тип маски: и выберите подходящий тип маски.

Нажмите кнопку Закрыть. В списке появится новая маска ввода.

Настройка масок ввода в свойстве поля

В области навигации щелкните объект правой кнопкой мыши и выберите в контекстном меню команду Конструктор.

Выберите поле, для которого необходимо создать настраиваемую маску ввода.

В области «Свойства поля» щелкните поле Маска ввода и введите собственную маску.

Чтобы сохранить изменения, нажмите сочетание клавиш CTRL+S.

Для полей числового и денежного типов определение маски ввода задается вручную.

Примеры масок ввода

В таблице ниже приведены примеры использования масок ввода.

Обеспечивает ввод значения в виде

В данном случае пользователи должны вводить код города, так как в соответствующем разделе маски (000 в скобках) используется заполнитель 0.

(206) 555-0199
( ) 555-0199

В этом случае в области междугородного кода используется местозаполнитель 9, поэтому междугородные коды необязательны. Кроме того, восклицательный знак (!) обусловливает заполнение маски слева направо.

Предоставляется возможность заменить буквами четыре последних цифры телефонного номера в формате США. Обратите внимание на местозаполнитель 0 в области кода города, который делает междугородный код обязательным.

Любое положительное или отрицательное число, включающее не более четырех знаков и не имеющее разделителей тысяч и дробной части.

ЗЕЛЕНЫЙ339М3
МАЙ Р 452Б7

Сочетание обязательных (L) и необязательных (?) букв и обязательных цифр (0). Знак «больше» требует вводить все буквы в верхнем регистре. Чтобы использовать маску ввода этого типа, необходимо задать для типа данных поля таблицы значение Текстовый или Поле МЕМО.

Обязательный почтовый индекс и необязательная область четырехзначного расширения.

Сочетание обязательных букв и цифр, все в верхнем регистре. Данный тип маски ввода помогает, например, правильно вводить инвентарные номера или заполнять другие формы складского учета.

Использование масок ввода для адресов электронной почты

Поскольку адреса электронной почты могут быть самой разной длины, маски ввода не подходят для их проверки при вводе. Вместо масок ввода рекомендуется использовать свойства Правило проверки и Сообщение об ошибке.

Условие на значение, приведенное в таблице ниже, гарантирует, что адрес электронной почты будет состоять из одного или нескольких знаков, знака «@», еще одного или нескольких знаков, точки и еще одного или нескольких знаков. Например, адрес [email protected] будет правильным, а proverka@example,com или proverka@example — нет. Если ввести адрес электронной почты, не соответствующий условию на значение, введенные данные будут отклонены и появится сообщение, указанное в свойстве Сообщение об ошибке. Если свойство Сообщение об ошибке не задано, будет выведено стандартное сообщение.

Is Null Or ((Like «*?@?*.?*») And (Not Like «*[ ,;]*»))

Сообщение об ошибке (необязательно)

Введите адрес электронной почты со знаком «@» и полным именем домена (пример: [email protected]).

Дополнительные сведения о применении правил проверки, а также пошаговые инструкции см. в статье Ограничение ввода данных с помощью правил проверки.

Рекомендуем к прочтению

Маска ввода

Маска ввода представляет собой набор текстовых констант и знаков маски, определяющий, какие данные и каким образом можно вводить. Например, с помощью маски ввода можно потребовать, чтобы пользователи вводили даты или телефонные номера так, как принято в определенной стране, например:

• ДД.ММ.ГГГГ

• ( ) — доб.

Маска ввода может состоять из трех частей, которые разделены точкой с запятой. Первая часть является обязательной, а две остальные — необязательными. Пример маски ввода для телефонных номеров в формате США:

(999)000-0000;0;_

Первая часть определяет строку маски и состоит из местозаполнителей и текстовых констант. Вторая часть указывает, следует ли сохранять знаки маски вместе с данными в базе данных. Введите О, если в базе данных необходимо сохранить маску и данные. Введите 1, если необходимо сохранить только данные. Третья часть определяет местозаполнитель, который служит для обозначения позиции данных. По умолчанию в Access используется знак подчеркивания (_). Если нужно использовать другой знак, введите его в третью часть маски. По умолчанию позиция принимает только один знак или пробел.

Примеры масок ввода

В следующей таблице приведены некоторые способы применения масок ввода.

Маска ввода	Обеспечивает ввод значения в виде	Примечания
(ООО) 000-0000	(206) 555-0199	В данном случае пользователи должны вводить междугородный код, так как в этой области маски (000 в скобках) используется местозаполнитель 0.
(999) 000-0000!	(206) 555-0199 () 555-0199	В этом случае в области междугородного кода используется местозаполнитель 9, поэтому междугородные коды необязательны. Кроме того, восклицательный знак (!) обусловливает заполнение маски слева направо.
(ООО)ААА-АААА	(206) 555-ТЕЛЕ	Предоставляется возможность заменить буквами четыре последних цифры телефонного номера в формате США. Обратите внимание на местозаполнитель 0 в области кода города, который делает междугородный код обязательным.
#999	-20 2000	Любое положительное или отрицательное число, включающее не более четырех знаков и не имеющее разделителей тысяч и дробной части.
>L????L?000L0	ЗЕЛЕНЫЙЗ 3 9M3 МАЙ Р 452Б7	Сочетание обязательных (L) и необязательных (?) букв и обязательных цифр (0). Знак «больше» требует вводить все буквы в верхнем регистре. Чтобы использовать маску ввода этого типа, необходимо задать для типа данных поля таблицы значение Текстовый или Поле MEMO.
00000-9999	98115- 98115-3007	Обязательный почтовый индекс и необязательная область четырехзначного расширения.
>L<??????????????	Мария Вадим	Имя или фамилия, первая буква которой автоматически вводится заглавной.
ISBN 0- &&&&&&&&&-0	ISBN 1-55615-507- 7	Учетный номер книги с текстовой константой, обязательными первой и последней цифрами и произвольной комбинацией букв и знаков между ними.
>LL00000-0000	БД51392-0493	Сочетание обязательных букв и цифр, все в верхнем регистре. Данный тип маски ввода помогает, например, правильно вводить инвентарные номера или заполнять другие формы складского учета.

Символы, используемые для создания маски

Символ	Описание
0	Цифра (от 0 до 9, ввод обязателен). Символы плюс (+) и минус (-) не допускаются.
9	Цифра или пробел. Ввод не обязателен, символы плюс (+) и минус (-) не допускаются.
#	В эту позицию следует ввести цифру, пробел либо знак плюса или минуса. Если пользователь пропускает эту позицию, вставляется пробел.
L	Буква. В эту позицию обязательно следует ввести одну букву.
?	Буква. В эту позицию можно ввести одну букву, но необязательно.
A	Буква или цифра. В эту позицию обязательно следует ввести одну букву или цифру.
a	Буква или цифра. В эту позицию можно ввести одну букву или цифру, но необязательно.
&	Любой знак или пробел. В эту позицию обязательно следует ввести знак или пробел.
С	Любой знак или пробел. В эту позицию можно ввести знак или пробел, но необязательно.
	Разделитель целой и дробной части, групп разрядов, значений дат и времени. Выбираемый знак зависит от региональных параметров Windows.
>	Все последующие знаки отображаются в верхнем регистре.
<	Все последующие знаки отображаются в нижнем регистре.
!	Маска ввода заполняется слева направо, а не справа налево.
\	Указывает ввод любого следующего символа в качестве текстовой константы. Используется для отображения всех перечисленных в данной таблице символов как текстовых констант (например, \А выводится как символ «А»),
Пароль	В режиме конструктора таблиц или форм можно задать для свойства Маска ввода (Input Mask) значение Пароль; при этом создается поле для ввода пароля. Когда пользователь вводит пароль в это поле, введенные знаки сохраняются, но вместо них отображаются звездочки (*).

Приложение 3 Схема данных

Настройка полей ввода в IS-Kiosk

Номер статьи: 0000356

Задача «Поля ввода данных»

Задача содержит перечень полей ввода данных, которые используются в интерфейсе Киоска для ввода Клиентом различных данных (номер телефона, почта и т.д.). Для каждого поля можно задать правила заполнения путём установки масок.

 Маски для ввода данных

«Маска» — если для поля ввода данных установлена маска, то проверяется соответствие маски и введённых данных. Если введённые данные не соответствуют маски, то отображается соответствующее сообщение «Неверный формат введённых данных».

«Маска на экране» — если для поля ввода данных также установлена маска для отображения на экране, то данная маска отображается в поле ввода и данные вводятся согласно этой маске. После окончания ввода к введённым данным (без преобразавания данных с помощью маски на экране) применяется обычная маска (поле «Маска») и уже это значение отправляется в систему.

Пример использования: для ввода номера телефона можно установить «маску на экране» = ‘+7 (999) 999-99-99’, а обычную «маску» = ‘+79999999999’, тогда на экране будет отображаться удобный для восприятия формат данных, а в систему будет отправлен номер телефона без форматирования.

«Использовать маску при вводе с клавиатуры» – при отключении данной опции настроенные маски будут применяться только, если клиент вводит данные с экранной клавиатуры. Все данных, которые будут набраны с обычной клавиатуры или данные, которые будут поступать со считывателей штрих-кодов в буфер клавиатуры не будут проверяться настроенными масками.

Пример использования: для ручного ввода идентификатора в системе лояльности применяется маска, чтобы не вводить дополнительные символы. При считывании идентификатора в системе лояльности с помощью qr-кода система не будет применять маски, т.к. qr-код содержит полный идентификатор.

 

Правила установки маски:

9 : numeric – ввод цифр от 0 до 9

a : буквы алфавита

* : буквы и цифры

 

Например, для ввода мобильного телефона можно указать маску ‘+7 (999) 9999999’ или ‘+79999999999’

 

Для указания того, чтобы, например, вторая цифра была строго 9, можно указать маску ‘+7\9999999999’

 

Если точное количество цифр неизвестно, то маску можно указать в таком виде ‘+79{1,10}’

тогда можно ввести от 1 до 10 цифр.

 

Можно определить некоторые части маски, как не обязательные. Это делается с помощью [ ].

Например, ‘(99) 9999[9]-9999’

 

Пример маски для ввода email:

*{1,20}[.*{1,20}][.*{1,20}][.*{1,20}]@*{1,20}[.*{2,6}][.*{1,2}]

 

Использование элемента OR: маска может быть 1 из 2 вариантов, указанных в генераторе.

Для того, чтобы определить генератор, используйте |.
например: ‘a|9’ или ‘(aaa)|(999)’

 

Подробнее о правилах установки маски по ссылке:

https://github.com/RobinHerbots/Inputmask

Просмотры: 1034

VBA Excel. Маска ввода в TextBox

Создание маски ввода в TextBox с помощью кода VBA Excel на примере номера телефона и номера паспорта. Применимо для набора номера с клавиатуры.

TextBox и маска ввода в VBA Excel

В отличие от VBA Access в VBA Excel нет свойства InputMask объекта TextBox. Поэтому, чтобы добавить подобие маски для TextBox в VBA Excel, приходится писать дополнительную процедуру, контролирующую действия пользователя и добавляющую в нужные места вводимого номера знаки-разделители.

В следующих примерах мы будем создавать простые маски ввода в TextBox с помощью события TextBox_Change и оператора Select Case. Маска будет добавляться при вводе символов с клавиатуры. При вставке номера из буфера обмена, добавление маски не предусмотрено.

Мы не будем добавлять автоматическую проверку вводимого знака (цифра или другой символ), так как после ввода с клавиатуры в любом случае требуется зрительная проверка введенного номера.

Также, при редактировании полностью введенного номера, не стоит удалять более 1 цифры, иначе структура маски может будет нарушена.

Маска ввода номера телефона

Простой код для создания маски ввода номера телефона в TextBox в формате «+7(000)000-00-00»:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

Private Sub TextBox1_Change()     With TextBox1         Select Case Len(.Text)             Case 1             ‘После ввода первого знака добавляем перед ним код страны и скобку             .Text = «+7(» & .Text             Case 6             ‘После ввода шестого знака добавляем в конце скобку             .Text = .Text & «)»             Case 10, 13             ‘После ввода десятого и тринадцатого знака добавляем в конце дефис             .Text = .Text & «-«             Case 17             ‘Удаляем семнадцатый знак сразу после его ввода             .Text = Left(.Text, 16)         End Select     End With End Sub

Строки кода VBA Excel:

Case 17 ‘Удаляем семнадцатый знак сразу после его ввода .Text = Left(.Text, 16)

ограничивают длину строки, вводимой в TextBox, их можно заменить на установку максимальной длины при инициализации формы:

Private Sub UserForm_Initialize()     TextBox1.MaxLength = 16 End Sub

Если ограничение строки установить при инициализации формы, при ручном редактировании введенного номера можно удалять две цифры без риска нарушить структуру маски.

Маска ввода номера паспорта

Простой код для создания маски ввода номера паспорта в TextBox в формате «00 00 000000»:

Private Sub TextBox2_Change()     With TextBox2         Select Case Len(.Text)             Case 2, 5             ‘После ввода первого и пятого знака добавляем в конце пробел             .Text = .Text & » «             Case 13             ‘Удаляем тринадцатый знак сразу после его ввода             .Text = Left(.Text, 12)         End Select     End With End Sub

Если ограничение строки установить при инициализации формы:

Private Sub UserForm_Initialize()     TextBox2.MaxLength = 12 End Sub

тогда при ручном редактировании введенного номера можно удалять две цифры без риска нарушить структуру маски.

Маска ввода номера телефона плагин Contact Form 7 WordPress — info-effect.ru

Полезное для сайта

На чтение 2 мин Опубликовано 06.04.2018

Привет! Сегодня я покажу вам как добавить маску ввода телефонного номера в контактную форму Contact Form 7 на сайте WordPress. В маске можно сразу указать код страны для ввода номера телефона. Всё очень просто! Смотрите далее!

 

 

Установить плагин Contact Form 7 вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, установите и активируйте плагин.

 

 

Далее, после установки и активации плагина, перейдите на страницу создания, редактирования контактной формы. На странице редактора, вверху, у вас появится новая кнопка mask field. Нажмите на неё.

 

 

В открывшемся окне, в поле Mask, вам нужно скопировать и вставить маску ввода из описания ниже. В маске укажите свой код номера. Можно сделать поле обязательным, поставив галочку вверху. Нажмите внизу справа на кнопку Вставить тег. Сохраните форму.

 

 

Обратите внимание! В дополнение к данному плагину, у вас должен быть установлен основной плагин Contact Form 7, который создаёт контактные формы.

 

 

Всё готово! Вот так просто и быстро вы можете добавить в контактную форму маску ввода телефонного номера.

 

Самый большой в интернете каталог плагинов WordPress с руководством по настройке!

 

Остались вопросы? Напиши комментарий! Удачи!

 

Маска — ввод — Большая Энциклопедия Нефти и Газа, статья, страница 3

Маска — ввод

Cтраница 3

Существуют два способа создания маски ввода.  [31]

Вторая страница мастера отображает маску ввода и дает вам возможность изменить символ заполнителя, который указывает, что надо вводить. Восклицательный знак заставляет Access заполнять маску вводимыми символами слева направо. Скобки и тире являются символами, которые Access вставит в указанных местах сам. Девятки представляют собой необязательные цифры, а нули представляют обязательные цифры, так что вы можете ввести номер телефона как с кодом региона, так и без него.  [32]

Добавив восклицательный знак в маску ввода, я указываю Access, что заполнение поля должно происходить с правого края. В этом случае на экране мы увидим () 555 — 1212, т.е. именно то, что и было нужно.  [34]

На второй странице мастера отображается маска ввода и предоставляется возможность ее изменить. Восклицательный знак означает, что маскадолжна заполняться слева направо. Скобки и тире представляют собой символы, которые Access вставит в нужные позиции.  [35]

Вопросы форматирования данных, использования масок ввода и проверки значений, т.е. те свойства полей, которые призваны контролировать вводимую в таблицу информацию, будут подробно обсуждаться в главе 8, Форматирование и контроль данных. Свойства поля для текстовых полей — свойством Размер ч: ля Как уже отмечалось, по умолчанию размер каждого нового текстового поля составляет 50 символов.  [36]

Указывая и формат, и маску ввода для одного и того же поля, убедитесь в том, что они не противоречат друг другу.  [38]

Введите значение даты, соответствующее маске ввода и включающее начальные нули.  [39]

Свойства Формат ( Format), Маска ввода ( Input Mask) и Условие на значение ( Validation Rule) позволяют уменьшить число ошибок при заполнении таблиц. Однако, применяя эти свойства, следуетсоблюдатьмеру, чтобы не слишком усложнить ввод данных. Поэтому, прежде чем передавать базу данных пользователям, рекомендуется тщательно протестировать заданные установки.  [40]

Щелчок на кнопке Masks позволяет выбрать предопределенные маски ввода для различных стран.  [41]

На экране появится диалоговое окно Создание масок ввода ( рис. 8.7), где мастер предлагает список возможных масок для поля с учетом его типа.  [43]

Вы уже готовы создать в Access маску ввода.  [44]

Окно мастера закроется, а в свойстве Маска ввода ( Input Mask) отобразится отредактированная маска, как показано на следующем рисунке.  [45]

Страницы:      1    2    3    4

Как создать маску ввода для мобильных устройств | by Ivan Kucher

Больше статтей и перевод в моем блоге DevKucher;

Представьте себе: вы сидите, думаете о своих делах, пишите код. И тут кто-то приходит и просит вас создать маску ввода для мобильных приложений с использованием чистого JavaScript (без внешних библиотек!).

И вы думаете, что создать маску ввода не так уж сложно. Все, что вам нужно сделать, это создать кучу функций для проверки ключа нажатой клавиши с помощью событий клавиатуры и отменять событие, ели ключ не разрешен. Что уж тут сложного может быть?

Мне потребовалось около 10 секунд, чтобы вспомнить, что события клавиатуры работают по-разному для разных устройств. Оказывается, найти решение для маски ввода которое будет работать в Android, iOS и Google Chrome было не так просто.

Позвольте мне познакомить вас с событиями клавиатуры. Они запускаются при нажатие на физическую или виртуальную клавишу:

• Нажатие клавиши вызывает событие keydown
• При нажатии на печатную клавишу (цифра, символ, буква) запускается событие keypress
• После отжима клавиши срабатывает событие keyup

Каждый раз, когда происходит взаимодействие с клавиатурой, событие предоставляет объекту информацию о самом взаимодействии. Например, какой ключ был нажат и физическое местоположение на клавиатуре. Вот некоторые из свойств, которые можно использовать для идентификации нажатой клавиши:

• keyCode возвращает числовое значение, связанное с конкретно нажатой клавишей, независимо от того, находится ли этот ключ в нижнем регистре или в верхнем регистре
• charCode указывает значение ASCII символа, связанного с нажатой клавишей. Это свойство отличается для нижнего и верхнего регистра
• key возвращает значение нажатой клавиши. Если вы нажмете клавишу в нижнем регистре, это свойство вернет нажатую букву, а не кодовое представление клавиши
• which возвращает числовой keyCode нажатой клавиши или charCode для буквенно-цифровой клавиши.
• keyIdentifier возвращает строковое представление нажатой клавиши.
• code представляет собой физический ключ на клавиатуре. Это свойство возвращает значение, которое не изменяется с помощью раскладки клавиатуры или состояния клавиш-модификаторов.

Итак, теперь, когда мы знаем, что нужно для запуска события клавиатуры и как идентифицировать нажатую клавишу, у нас есть все необходимое для создания нужной валидации поля ввода. Правильно?

Но нет, дело в том, что Android-клавиатура не так проста. Когда я добавил событие keypress и показал свойства keyCode, я немного удивился: в Android не было события keypress.

Нажатие клавиши А верхнем регистре привело к следующим свойствах keyCode в браузерах:

Я быстро узнал, почему Chrome Mobile не запускал событие: это событие отмечено как Legacy в стандарте DOM-Level-3. Ладно, это еще не конец света. Я все еще могу использовать одно из двух оставшихся событий: keydown или keyup.

Я тестировал оба события. Нажатие А верхнего регистра привело к следующим keyCode:

Ок, событие сработало, но что это был за код 229? Откуда он? После некоторых поисков я узнал, что функция замены или другие события могут последовать за событием keydown и аннулировать его. Некоторые устройства могут возвращать код 0, Unidentified или даже пустоту, но причина одна и та же.

И, что более интересное, отключение функции автозамены не решает проблему.

Чтобы помочь мне решить, какое свойство я должен использовать, я перешел в режим тестирования и создал следующую таблицу. Я знаю, что некоторые из следующих свойств устарели, но что я могу вам сказать? Я был укушен тестирующей ошибкой!

Я сам тестировал эти события на своих устройствах, но если вам нужна дополнительная информация о свойствах, версиях и совместимости, вы можете найти ее на сайте MDN.

Как видим, на Chrome Mobile ни одно свойство не работает. Без паники! У меня есть обходное решение. Да, после большого поиска и тестирования я нашел хорошее решение для получения ключа, который был нажат как в iOS, так и в Android. Но прежде всего, давайте поговорим о еще одном событии и о порядке запуска всех этих событий. Потерпите меня.

Событие ввода запускается каждый раз, когда мы что-то вводим, это означает изменение значения элемента <input>, <select> или <textarea>. Событие запускается во всех перечисленных браузерах. Но оно не возвращает те же свойства, что и клавиатурные события, потому что это событие не запускается с помощью действий клавиатуры. Но оно вызывается в результате этих действий. Вы можете увидеть его свойства посетив сайт Mozilla Developer Network

Когда мы нажимаем клавишу, а затем отпускаем ее, происходит четыре события в следующем порядке:

keydown > keypress > input > keyup

Обратите внимание, что запуск события keydown изменяет значение, и после запускает событие ввода. И только после отпускания клавиши происходит событие keyup. Также помним, что событие keypress может не запускаться на некоторых устройствах.

Теперь, когда вы знаете о событие ввода и порядок событий, давайте поговорим об обходном пути для Android 229 бага.

Вот как найти нажатую клавишу. Когда событие keydown запускается, введенное значение не изменяется, поэтому вы должны его сохранить. Однако, если событие не отменено, значение ввода изменится. Это вызывает событие ввода и создает новое значение. Поэтому, если вы сохранили входное значение перед изменением, вы можете сравнить его с новым после изменения.

Например, если у вас есть ввод с значением 11, и вы нажимаете клавишу A, новое значение будет равно 11A. Сравните оба значения, и вы получите A.

Если вам действительно нужно использовать charCode, вы можете получить символ, который является разницей между oldValue и newValue и использовать функцию charCodeAt.

Хорошо, так что теперь, когда мы можем запускать события и получать нажатую клавишу, мы можем начать строить маску. Но какая маска?

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

Итак, давайте проанализируем требования:

• Разрешено только 16 цифр
• Добавьте разделитель “ ” (пробел) для каждой группы из 4 цифр
• Должна работать с вставленными значениями
• Если в вставленном значении имеются недопустимые символы, маска должна удалить эти ключи и замаскировать только оставшуюся цифровую часть

Обратите внимание, что маска ввода должна обрабатывать полное значение всякий раз, когда оно изменяется вместо последнего вставленного ключа. Мы не собираемся использовать разницу между старым значением и новым для проверки ключей, но мы все равно будем использовать старое значение. Зачем? Продолжайте читать!

Давайте сделаем то, что мы уже знаем: добавим события onkeydown и oninput, и сохраним старое и новое значение.

Для этого случая мы собираемся создать и работать с двумя функциями: одна, чтобы замаскировать входное значение, а другую для разбора/очистки введенных данных, после которого будем уже вызывать первую функцию.

Но для чего нам разбирать значение, а затем снова маскировать его?

Итак, представьте себе следующий сценарий: поле ввода имеет 1111 2222 3333 значение, а затем пользователь выделяет все значение и заменяет его новым, например: 444455 55. Это новое значение маскируется независимо от его структуры. Оно всегда будет адаптироваться к маске, очищая все символы, которые не являются цифрами.

Маскировка входа | CSS-уловки

Я не собираюсь цитировать исследования UX, но, как показывает практика, мне нравится, когда входные данные, ожидающие данных в определенном формате, используют маску ввода . Я подумал, что просто выстрою несколько демонстраций для более удобного использования.

Маска ввода Робина Херботса (jQuery)

Это активно поддерживаемый плагин.

См. «Маски ввода jQuery Pen» Криса Койера (@chriscoyier) на CodePen.

Требуется зависимость jQuery, а прилагаемый плагин имеет размер 180 КБ (необработанный), так что это довольно много.

Маскировка ввода Эстель Вейл

Эстель создала ванильную версию JS:

См. Маски ввода пером Криса Койера (@chriscoyier) на CodePen.

Нет зависимостей и 5 КБ (сырые). Также существует версия компонента React.

Остерегайтесь

Быстрая запись экрана / звука табуляции вокруг формы с использованием масок ввода JS с включенным VoiceOver. https://t.co/o0ChutJ2XN

— Скотт Джель (@scottjehl) 28 марта 2013 г.

Я протестировал текущую версию Inputmask, и это все еще проблема.Версия Эстель этого не делает, поскольку маска отображается через заполнитель , а не фактическое значение ввода.

Компания Filament Group’s Politespace

Еще одна проблема с доступной версией маскировки исходит от Filament Group.

См. Pen Politespace Криса Койера (@chriscoyier) на CodePen.

Он отличается от других тем, что вы не можете использовать маску при редактировании ввода, она применяет форматирование после того, как вы его оставили.

Создание масок ввода в Access — инструкции

Обзор создания масок ввода в Access

Вы можете создавать маски ввода в Access для полей таблицы, чтобы указать шаблон, который будет использоваться для ввода данных в поля.В Access можно вручную создать маски ввода для большинства полей типа текст, дата и число, за исключением типа данных «Длинный текст». Access также предоставляет простую пошаговую процедуру под названием «Мастер маски ввода», которая помогает применять маски ввода к выбранным полям типа данных «Краткий текст» и «Дата / время».

Чтобы создать маски ввода в Access, выберите в области навигации таблицу, содержащую поле, к которому нужно применить маску ввода. Затем нажмите клавиши «Ctrl» + «Enter» на клавиатуре или щелкните правой кнопкой мыши в области навигации, а затем выберите команду «Дизайн» во всплывающем меню, чтобы открыть таблицу в режиме дизайна.Затем выберите поле, к которому нужно применить маску ввода, в сетке дизайна в верхней части представления таблицы. В разделе «Свойства поля» в нижней части окна с вкладками представления конструктора таблицы выберите вкладку «Общие». Затем щелкните свойство поля «Маска ввода».

Применение маски ввода с помощью мастера маски ввода в Access

Чтобы применить маску ввода к выбранному полю типа данных «Краткий текст» или «Дата / время» в Access с помощью мастера маски ввода, нажмите кнопку «Построитель выражений».Эта кнопка выглядит как символ многоточия (…) и появляется в дальнем правом конце поля свойств «Маска ввода». Затем вы должны сохранить таблицу.

После сохранения открывается диалоговое окно «Мастер маски ввода». Мастер показывает некоторые из наиболее распространенных масок ввода для поля. Выберите нужную маску ввода. Ответьте на каждый вопрос, заданный на каждом экране мастера, и нажмите «Далее», чтобы продолжить. По завершении нажмите кнопку «Готово», чтобы применить маску ввода.

После сохранения таблицы открывается диалоговое окно «Мастер маски ввода».Мастер показывает некоторые из наиболее распространенных масок ввода для поля. Вы можете выбрать любую маску ввода, которая вам нужна. Ответьте на каждый вопрос, заданный на каждом экране мастера, и нажмите «Далее», чтобы продолжить работу с экранами. Когда вы закончите, нажмите кнопку «Готово», чтобы применить выбранную маску ввода.

Изображение «Мастера маски ввода» в Access, которое вы используете для создания масок ввода в Access.

Ручное применение маски ввода в Access.

В качестве альтернативы, чтобы вручную ввести маску ввода в Access, введите желаемую маску ввода и, при необходимости, другие дополнительные аргументы маски ввода для других дополнительных разделов непосредственно в поле свойства «Маска ввода».Чтобы просмотреть информацию о специальных символах и необязательные дополнительные аргументы и информацию о разделе, необходимые для создания вручную выбранной маски ввода, щелкните поле свойства «Маска ввода», а затем нажмите клавишу «F1» на клавиатуре. Затем щелкните ссылку «Свойство TextBox.InputMask (Access)» на открывшейся веб-странице для просмотра этой информации.

При применении маски ввода к полю «Дата / Время» помните, что свойство «Формат» будет конфликтовать со свойством «Маска ввода», если они отличаются друг от друга, что может произойти с полями «Дата / Время», поэтому вы можете сначала отредактировать или удалить свойство «Формат», если примените маску ввода к полю даты / времени.Когда вы закончите, сохраните изменения, нажав кнопку «Сохранить» на панели инструментов быстрого доступа.

Инструкции по созданию масок ввода в Access

1. Чтобы создать маски ввода в Access , выберите в области навигации таблицу, содержащую поле, к которому нужно применить маску ввода.
2. Затем нажмите клавиши «Ctrl» + «Enter» на клавиатуре или щелкните правой кнопкой мыши в области навигации, а затем выберите команду «Дизайн» во всплывающем меню, чтобы открыть таблицу в режиме дизайна.
3. Затем выберите поле, к которому нужно применить маску ввода, в сетке дизайна в верхней части представления таблицы.
4. В разделе «Свойства поля» в нижней части окна с вкладками представления конструктора таблицы выберите вкладку «Общие».
5. Затем щелкните свойство поля «Маска ввода».
6. Чтобы применить маску ввода к выбранному полю типа данных «Краткий текст» или «Дата / время» с помощью мастера маски ввода , нажмите кнопку «Построитель выражений», которая выглядит как символ многоточия (…) и которая появляется в дальнем правом конце поля свойств «Маска ввода», чтобы открыть мастер маски ввода.
7. Затем вы должны сохранить таблицу.
8. После сохранения открывается диалоговое окно «Мастер маски ввода».
9. Мастер показывает некоторые из наиболее распространенных масок ввода для поля.
10. Выберите нужную маску ввода.
11. Ответьте на каждый вопрос, заданный на каждом экране мастера, и нажмите «Далее», чтобы продолжить.
12. По завершении нажмите кнопку «Готово», чтобы применить маску ввода.
13. В качестве альтернативы, чтобы вручную ввести маску ввода , введите желаемую маску ввода и, при необходимости, другие необязательные аргументы маски ввода для других необязательных разделов непосредственно в поле свойства «Маска ввода».
14. Чтобы просмотреть информацию о специальных символах и необязательные дополнительные аргументы и информацию о разделе, необходимую для ручного создания маски ввода по вашему выбору , щелкните поле свойства «Маска ввода», а затем нажмите клавишу «F1» на клавиатуре.
15. Затем щелкните ссылку «Свойство TextBox.InputMask (Access)» на веб-странице, которая открывается для просмотра этой информации.
16. При применении маски ввода к полю «Дата / Время» помните, что свойство «Формат» будет конфликтовать со свойством «Маска ввода», если они отличаются друг от друга, что может произойти с «Дата / Время» поля, поэтому вы можете сначала отредактировать или удалить свойство «Формат», если вы применяете маску ввода к полю даты / времени.
17. Чтобы сохранить изменения , нажмите кнопку «Сохранить» на панели инструментов быстрого доступа.

Видеоурок по созданию масок ввода в Access

В следующем видеоуроке под названием «Настройка масок ввода» показано, как создавать маски ввода в Access. Этот видеоурок о том, как создавать маски ввода в Access, взят из нашего полного руководства по Access под названием «Освоение Access Made Easy v.2019 и 365».

Определение масок ввода — Учебное пособие по MS-Access

MS-Access / Начало работы

---

Чтобы помочь вам при вводе отформатированных данных, Access 2010 позволяет вам определять маску ввода для типов данных «Текст», «Число» (кроме идентификатора репликации), «Дата / время» и «Валюта».Вы можете использовать маска ввода, чтобы сделать что-то столь же простое, как принудительное использование всех вводимых букв в верхнем регистре или как сложный, как добавление скобок и дефисов к телефонным номерам. Вы создаете маску ввода используя специальные символы определения маски, показанные в Таблице 6. Вы также можете встроить строки символов, которые вы хотите отобразить для форматирования или сохранить в поле данных.

Таблица 6 Символы определения маски ввода

Символ маски	Значение
0	В эту позицию необходимо ввести одну цифру.
9	В этой позиции можно ввести цифру или пробел. Если пользователь пропускает эту позицию, перемещая точку вставки за позицию, ничего не вводя, Access ничего не сохраняет в этой позиции.
#	В эту позицию можно ввести цифру, пробел или знак плюс или минус. Если пользователь пропускает эту позицию, перемещая точку вставки за позицию, ничего не вводя, Access сохраняет пробел.
L	В этой позиции необходимо ввести букву.
?	В эту позицию можно ввести букву. Если пользователь пропускает эту позицию, перемещая точку вставки за позицию, ничего не вводя, Access ничего не сохраняет.
A	В эту позицию необходимо ввести букву или цифру.
a	В эту позицию можно ввести букву или цифру. Если пользователь пропускает эту позицию, перемещая точку вставки за позицию, ничего не вводя, Access ничего не сохраняет.
и	В этой позиции необходимо ввести символ или пробел.
C	В этой позиции можно ввести любой символ или пробел. Если пользователь пропускает эту позицию, перемещая точку вставки за позицию, ничего не вводя, Access ничего не сохраняет.
.	Десятичный заполнитель (зависит от настройки в элементе «Язык и региональные стандарты» на панели управления).
,	Разделитель тысяч (зависит от настройки в элементе «Язык и региональные стандарты» на панели управления).
:; — /	Разделители даты и времени (зависит от настроек в элементе «Язык и региональные стандарты» на панели управления).
<	Преобразует все следующие символы в нижний регистр.
>	Преобразует все следующие символы в верхний регистр.
!	Заставляет маску заполняться справа налево, когда вы определяете необязательные символы на левом конце маски. Вы можете разместить этого персонажа в любом месте маски.
\	Заставляет следующий за ним символ отображаться как буквальный символ, а не как символ маски.
«литерал»	Вы также можете заключить любую буквальную строку в двойные кавычки вместо того, чтобы многократно использовать символ \.

Маска ввода состоит из трех частей, разделенных точкой с запятой. Первая часть определяет строка маски с использованием символов определения маски и встроенных литеральных данных.Необязательный второй указывает, хотите ли вы, чтобы встроенные буквальные символы сохранялись в поле в база данных. Установите для этой второй части значение 0 для хранения символов или 1 для хранения только данных. вошел. Необязательная третья часть определяет один символ, который Access 2010 использует в качестве заполнителя. для обозначения позиций, в которые можно вводить данные. Символ-заполнитель по умолчанию — это подчеркивание (_).

Возможно, лучший способ научиться использовать маски ввода — это воспользоваться преимуществами маски ввода. Волшебник.В таблице «Компании» базы данных отслеживания контактов поле «Номер телефона». могли бы извлечь выгоду из использования маски ввода. Щелкните поле PhoneNumber в верхней части. окна таблицы в режиме конструктора, а затем щелкните поле свойства Маска ввода в нижняя часть окна. Вы должны увидеть маленькую кнопку с тремя точками (она называется Кнопку Build) справа от поля свойств.

Нажмите кнопку «Построить», чтобы запустить мастер маски ввода. Если вы еще не сохранили table, мастер будет настаивать на том, чтобы вы это сделали.Сохраните таблицу и назовите ее «Компании». Когда Access 2010 предупреждает вас, что вы не определили первичный ключ, и спрашивает, хотите ли вы создайте первичный ключ сейчас, нажмите Нет. Мы определим первичный ключ в следующем разделе. На На первой странице мастер предлагает несколько вариантов стандартных масок ввода, которые он может генерировать для вас. В этом случае щелкните по первому в списке — Номер телефона. Обратите внимание, что вы можете ввести что-нибудь в поле «Попробовать» под списком «Маска ввода», чтобы проверить маску.

Нажмите «Далее», чтобы перейти на следующую страницу.На этой странице вы можете увидеть имя маски, предлагаемая строка маски, список, из которого вы выбираете символ-заполнитель, и еще одно поле «Попробуй». Знак подчеркивания по умолчанию (_) хорошо подходит в качестве символа-заполнителя для телефонных номеров.

Нажмите Далее, чтобы перейти на следующую страницу, где вы можете выбрать, хотите ли вы, чтобы данные сохранялись. без символов форматирования (по умолчанию) или сохраняются с круглыми скобками, пробелами и разделитель дефисов.

Помните Хотя маска ввода может быть очень полезной, чтобы помочь пользователю ввести действительные данные, если вы неправильно определяете маску ввода или не учитываете все возможные допустимые значения, вы может помешать пользователю ввести необходимые данные.

Настройка документа — символы маски ввода

В этом разделе подробно описаны различные символы маски ввода, доступные для маски. Поле на ВКЛАДКЕ ТАМОЖЕННЫХ ПОЛЕЙ СТРАНИЦА Приложение для настройки документов.

Маска ввода — это набор символов, управляющих что пользователи могут и не могут вводить в поле. Например, маска ввода может потребовать от пользователей ввода телефонных номеров, соответствующих условным обозначениям конкретная страна / регион: (___) ___-____ xt.___.

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

ВИДЫ МАСКИ

} Если значение поля Тип поля является одним из дат и / или значения времени , тогда маска может содержать только значения пустого (по умолчанию) , D, DT или T; Настоящий форматы даты и времени устанавливаются внизу ВКЛАДКИ НАСТРОЙКИ СТРАНИЦЫ в системном окне настроек.

} Если значение поля типа поля является одним из целых чисел или десятичные значения , тогда маска интерпретируется как четыре разделенные точкой с запятой части, указывающие формат для положительного, отрицательного, нулевого, нулевого ценности; внутри каждой части символы интерпретируются как маска ввода числовых значений (см. ниже) .

} Если значение поля типа поля является одним из буквенно-цифровых символов значения (например, флажок, текст элемент, раскрывающийся список) , тогда маска интерпретируется как маска стандартного ввода (см. ниже) .Однако, если он существует с восклицательный знак ! , затем ! скрыт, а остальные символы интерпретируются как расширенная маска ввода (см. ниже) .

ЧИСЛОВЫЕ ЗНАЧЕНИЯ МАСКИ

Эти символы могут использоваться для определения входа маска для этих настраиваемых полей со значением поля Тип поля Число / Целое число или Сумма / Валюта .

ПРИМЕЧАНИЕ

Маски ввода, управляющие вводом чисел после десятичной точки. применяются к настраиваемым полям со значением поля Тип поля из Сумма / валюта .Обратитесь к Тип поля Определение поля в разделе ТАБЛИЦА ПОЛЬЗОВАТЕЛЬСКИХ ПОЛЯ для получения подробной информации о том, как функционирует каждый тип поля.

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

Использование любого из этих одиночных символов приведет к выполнять функцию, как определено.

Вы можете дополнительно следить за одиночным символом со спецификатором точности , который представляет собой число от 0 до 99 до определите, сколько цифр будет разрешено после десятичной точки, если применимо.Например, маска ввода F22 разрешит 22 десятичных разряда (если значение поля типа поля настраиваемого поля — Amount / Currency ) .

С	Валюта. Можно вводить только цифры. В Отображаемый символ валюты определяется значением поля базовой валюты установлен в системном окне настроек.
-П	Только функции с настраиваемыми полями с типом поля Сумма / Валюта. процентов. Введенные числа будут отображаться как есть, поэтому ввод числа 15,25 будет отображаться как 15,25%.
D или d	Нет применимо для полей даты или времени (см. ниже). Целое число; любые цифры, введенные после десятичной дроби точка будет удалена. Если после этого ввести спецификатор точности одиночный символ, это определит максимальное количество цифр, которое может быть вошел.Если спецификатор точности равен 0 или опущен, длина входная строка не ограничена.
Д, Т, ДТ	Только функции с настраиваемыми полями с типом поля Только дата, Только время или Дата и время. Также может использоваться, если тип поля — Override Standard. Поле и выбранное стандартное поле — это поле даты / времени. Дата, время, дата и время. Маска может содержать только значения пустого (по умолчанию) , D, DT или T; Настоящий форматы даты и времени устанавливаются внизу ВКЛАДКИ НАСТРОЙКИ СТРАНИЦЫ в системном окне настроек.
F или f G или г N или №	Только функции с настраиваемыми полями с типом поля Сумма / Валюта. Действительное число с дробной частью (например, 1153.20) . Если спецификатор точности не определен, система по умолчанию будет использовать две цифры после десятичной точки.

Многосимвольный Спецификаторы маски:

Используйте эти символы вместе, чтобы выполнить несколько функции, как определено.

0	Нулевой заполнитель.Цифра (0-9) может быть введена пользователем в соответствующую позицию на настраиваемое поле при обнаружении в записи. Если соответствующая позиция остается пустым, система заполняет его нулем (0).
#	Цифра-заполнитель. Цифра (0-9) может быть введена пользователем в соответствующую позицию на настраиваемое поле при обнаружении в записи.Если соответствующая позиция остается пустым, система его игнорирует.
.	Только функции с настраиваемыми полями с типом поля Сумма / Валюта. Десятичная точка. Первое . персонаж в строка формата определяет расположение десятичного разделителя в форматированное значение.
,	Разделитель тысяч.Если в маске появится символ, будут вставлены разделители тысяч между каждой группой цифр слева от десятичной точки.
%	Только функции с настраиваемыми полями с типом поля Сумма / Валюта. процентов. Введенные числа будут отображаться как есть, поэтому ввод числа 15,25 будет отображаться как 15,25%.
\	Эскейп-персонаж.Ввод этого символа перед один из других спецификаторов многосимвольных масок предлагает системе отображать самого персонажа вместо того, чтобы выполнять его функцию. Например, если вы хотите отобразить обратную косую черту в настраиваемом поле, маска должна содержат строку \\. Маска ## \\ ## приведет к следующему отображению, если пользователь наберет 1052: 10 \ 52 .
;	Разделитель секций.Используется для разделения масок для положительных и отрицательных значений. Маска может состоять из двух частей, разделенных ; персонаж. Первая часть определяет маску для ввода положительных значений. Вторая часть определяет маску для ввода отрицательных значений. Пользователи могут переключить знак значения, нажав клавишу -. В в этом случае, в зависимости от знака значения, введенное значение будет автоматически переформатируется с использованием соответствующей маски. Пример: #, ## 0.00; << #, ## 0.00 >> Это маска для ввода действительного числа, имеющего максимум четыре цифры слева от десятичной точки. Группы из трех человек цифры будут разделены разделителями тысяч. Дробная часть значение всегда будет содержать две цифры. Отрицательные значения будут заключены в двойные угловые скобки: << 3,250.00 >> если пользователь ввел -3250. Если «;» за символом следует пустая строка, редактор не позволит конечным пользователям вводить отрицательные значения.
$	Знак валюты. Определяет положение символ валюты. В настраиваемом поле записей отображается символ определяется значением поля базовой валюты, установленным в настройках Системное окно.
Любой другой символ	Любые другие символы, которые появляются в маске, являются буквально вставляется в настраиваемое поле.Например, XYT — ### — ## 0 будет отображаться следующим образом: XYT-555-440 , если пользователь вводит 55544.

СТАНДАРТНЫЕ ХАРАКТЕРИСТИКИ МАСКИ

Эти символы могут использоваться для определения входа маска для тех настраиваемых полей со значением поля Тип поля Строка или Переопределить стандартное поле :

Метасимволы:

Метасимволы используются для представления диапазона символов.Пользователи смогут вводить определенные символы только в те позиции, которые соответствуют метасимволам в маске ввода. Когда метасимвол найден в определенном месте маски пользователь может ввести любой символ из связанный диапазон в этой позиции в настраиваемом поле. В следующей таблице перечислены доступные метасимволы:

л	Символ L требует буквенного персонаж в этой позиции.Для США это A-Z, a-z.
л	Символ l допускает использование только буквенного символа. в этом положении, но не требует этого.
А	Для символа A требуется буквенно-цифровой символ в этой позиции. Для США это A-Z, a-z, 0-9.
а	Символ позволяет использовать только буквенно-цифровой символ. в этом положении, но не требует этого.
С	Символ C требует произвольного персонаж в этой позиции.
с	Символ c разрешает произвольный символ в этом положении, но не требует этого.
0	Для символа 0 требуется числовой персонаж в этой позиции.
9	9 символов допускают только числовые символы в этом положении, но не требует этого.
#	Символ # допускает только числовой символ или знак плюс или минус в этой позиции, но не требует этого.
\	Ввод символа \ перед одним из другие метасимволы (или специальные символов) предлагает системе отобразить сам символ вместо выполняя свою функцию. Например, если вы хотите отобразить обратную косую черту в в настраиваемом поле маска должна содержать строку \\. Маска 00 \ AA приведет к следующий дисплей, если пользователь ввел 22:00: 10 \ PM .

Специальный Герои:

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

>	Если в маске появляется символ>, все буквы, введенные после него, будут заглавными до конца маски или пока не встретится символ <.
<	Если в маске появляется символ <, все введенные после него буквы будут строчными до конца маска или пока не встретится символ>.
<>	Если эти два символа появляются вместе в маска, проверка регистра не выполняется и буквы вводятся в настраиваемое поле отформатированы с учетом регистра, используемого пользователем при вводе данных.
/	A / символ используется для разделения месяцев, дни и годы в датах. Символ, используемый для разделения месяцев, дней и количество лет, которое отображается в настраиваемом поле в записях, определяется отображением Поле-разделитель, установленное в системном окне настроек.
:	A: символ используется для разделения часов, минуты и секунды в значениях времени.
$	Символ $ используется для обозначения валюты. ценности. Символ, который отображается в настраиваемом поле в записях, определяется значение поля базовой валюты, установленное в системном окне настроек
\	Ввод символа \ перед одним из другие специальные символы (или метасимволы) предлагает системе отобразить сам символ вместо того, чтобы выполнять свою функцию.Например, если вы хотите отобразить обратная косая черта в настраиваемом поле, маска должна содержать строку \\. В маска \ C \: \\ <> aaaaaaaaaaaaaaaaaaaaaaaaaaaa приведет к следующему отображению, если пользователь набрал MediaPulse: C: \ MediaPulse .
Любой другой символ	Любые другие символы, которые появляются в маске, являются буквально вставляется в настраиваемое поле.Например, XYT -> CCC-009 будет отображаться следующим образом: XYT-UJH-44 , если пользователь вводит ujh54.

РАСШИРЕННЫЕ СИМВОЛЫ МАСКИ

Чтобы использовать любой из следующих символов маски ввода, г. первым символом, который вы вводите в поле маски, должен быть восклицательный знак! . Например, стандартная маска ввода ! [A-F0-4] {3,5} требует от 3 до 5 символов, которые могут быть только от следующие: A, B, C, D, E, F, 0, 1, 2, 3 или 4.

Эти символы могут использоваться для определения входа маска для тех настраиваемых полей со значением поля Тип поля Строка или Переопределить стандартное поле :

Метасимволы:

Метасимволы используются для обозначения диапазона символы. Пользователи смогут вводить только определенные символы в те позиции, соответствующие метасимволам в маске ввода. Когда метасимвол находится в определенной позиции в маске, пользователь может ввести любой символ из связанного диапазона в этой позиции в настраиваемом поле.В В следующей таблице перечислены доступные метасимволы:

.	Соответствует любому символу.
[символы]	Соответствует любому одиночному символу, включенному в указанный набор символов. Например, маска ввода ! [AAbBcC123] будет только позволяют пользователям вводить прописные и строчные буквы a, b и c и числа 1, 2 и 3.aAbBcC123] будет только разрешить пользователям вводить любых символов, кроме прописные и строчные буквы a, b и c, а также цифры 1, 2, и 3.
[персонаж-персонаж]	Использование дефиса () позволяет указать непрерывные диапазоны символов. Например, маска ввода ! [5-10l-zL-Z] позволит пользователям вводить только числа С 5 по 10, строчные буквы от l до z и прописные буквы L через Z.
\ w	Соответствует любой букве независимо от регистра.
\ W	Соответствует любому символу, кроме буквы.
\ д	Соответствует любому числу.
\ D	Соответствует любому символу, кроме числа.

Квантификаторы:

Квантификаторы — это специальные символы, обозначающие количество повторов предыдущего символа. В следующей таблице перечислены квалификаторы и их описания:

*	Квантификатор * указывает, что символ который предшествует ему в маске, необходимо ввести ноль или более раз (т.е., его не нужно повторять или даже вошел) .
+	Квантификатор + указывает, что символ который предшествует ему в маске, необходимо ввести один или несколько раз (т. е. его не нужно повторять, просто ввел хоть раз) .
?	? квантификатор указывает, что символ который предшествует ему в маске, необходимо ввести либо ноль, либо один раз.
{номер}	Число, которое вы вводите в скобках указывает точное количество раз, когда пользователь должен ввести символ предшествующий ему в маске.
{номер,}	Число, которое вы вводите в скобках указывает минимальное количество раз, которое пользователь должен ввести символ предшествующий ему в маске.Пользователь может ввести символ несколько раз, но не меньше введенного числа.
{номер, номер}	Число, которое вы вводите в скобках указывает минимальное и максимальное количество раз, которое пользователь должен ввести предшествующий ему символ в маске. Другими словами, это диапазон раз пользователь должен ввести этот конкретный символ.
\	Ввод символа \ перед одним из другие кванторы (или специальные символов) предлагает системе отобразить сам символ вместо выполняя свою функцию.Например, если вы хотите отобразить обратную косую черту в в настраиваемом поле маска должна содержать строку \\. Маска ! \ d + \ * \ d + приведет к следующий экран отображается, если пользователь набрал 458829: 458 * 829 .

Специальный Герои:

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

>	Если в маске появляется символ>, все введенные после него буквы будут заглавными до конца маска или до тех пор, пока не встретится символ <.
<	Если в маске появляется символ <, все введенные после него буквы будут строчными до конца маска или пока не встретится символ>.
<>	Если эти два символа появляются вместе в маска, проверка регистра не выполняется и буквы вводятся в настраиваемое поле отформатированы с учетом регистра, используемого пользователем при вводе данных.
/	A / символ используется для разделения месяцев, дни и годы в датах. Символ, используемый для разделения месяцев, дней и количество лет, которое отображается в настраиваемом поле в записях, определяется отображением Поле-разделитель, установленное в системном окне настроек.
:	A: символ используется для разделения часов, минуты и секунды в значениях времени.
$	Символ $ используется для обозначения валюты. ценности. Символ, который отображается в настраиваемом поле в записях, определяется значение поля базовой валюты, установленное в системном окне настроек
\	Ввод символа \ перед одним из другие специальные символы (или квантификаторы) предлагает системе отобразить вместо этого сам символ выполнения своей функции.Например, если вы хотите отобразить обратную косую черту в настраиваемом поле маска должна содержать строку \\. Маска ! \ <\ d + \> будет приведет к следующему отображению, если пользователь набрал 554520: <554520> .
Любой другой символ	Любые другие символы, которые появляются в маске, являются буквально вставляется в настраиваемое поле.Например, ! XYT -> \ w {3} — \ d {2} будет отображается следующим образом: XYT-UJH-44 , если пользователь вводит ujh54.

Input Mask — Документация Gravity Forms

Параметры маски ввода

доступны на панели «Общие настройки» и только для поля «Однострочный текст» и «Пользовательское поле публикации».Они могут обеспечить более детальный контроль над разрешенными форматами ввода, чем стандартные поля, такие как Номер телефона или Почтовый индекс адреса.

Стандартные маски ввода

Стандартные маски ввода предоставляют на выбор множество распространенных в США форматов ввода. Стандартные варианты выбора перечислены ниже. Во всех случаях автоматически вставляются любые нечисловые цифры (например, пробелы, скобки, тире и т. Д.)

Стандартный вариант	Предлагаемый образец
Телефон в США	Стандартный номер телефона в формате США. (###) ### — ####
Телефон в США + добавочный номер	Стандартный номер телефона в формате США с расширением в деловом стиле до 5 цифр. (###) ### — #### x #####
Дата	Числовой формат даты в стиле США мм / дд / гггг. ## / ## / ####
ИНН	ИНН США. ## — #######
SSN	Специальный защитный номер в американском стиле. ### — ## — #####
Почтовый индекс	Почтовый индекс в формате США #####
Полный почтовый индекс	Почтовый индекс в американском стиле + 4 формата. ##### — ####

Пользовательские маски ввода

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

Допустимые символы маски ввода

Следующие символы принимаются в качестве заполнителей во входных масках и обеспечивают базовое сопоставление с образцом.

12 * любой одиночный символ .

Символ	Значение
9	Принимает любой числовой символ
a	Принимает любой буквенный символ (должен быть в нижнем регистре)
?	Указывает, что все символы, определенные маской после вопросительного знака, являются необязательными.
любые другие	Все остальные символы являются буквальными значениями и будут отображаться как есть.

Примечания

• При входе в поле покупатель увидит только символы подчеркивания, которые определяют количество символов, ожидаемых в поле, но не их тип. Мы рекомендуем вам предоставить дополнительную визуальную помощь для сложных масок, например описание поля или пример заполнителя.
• Если установлено расширенное свойство «Разрешить ввод пароля», оно переопределит функцию маски ввода.

Примеры

Вот несколько примеров масок и их приемлемый ввод.

Маска даты : 99/99/9999 → будет принимать 21.05.2011 или 21.05.2011 , но не 21.05.2011 и не 21.05.2011
Маска социального обеспечения : 999-99-9999 → примет 987-65-4329 , но не 800-555-FORM
Маска кода : aaa 999 → примет BIO 101 но не B1O 5F0
Маска клавиш : *** - *** - *** → будет принимать a9a-f0c-28Q
Почтовый индекс США + 4 маски : 99999? -9999 → примет 23462 или 23462-4062

Маска ввода

Маска ввода По умолчанию значением параметра может быть любая комбинация и любое количество символов.Это может быть нежелательно, например, если параметр указывает номер телефона, и вы хотите, чтобы все ваши телефонные номера в Active Directory следовали заданному шаблону. В таких случаях вы можете установить маску ввода. Маска ввода определяет, какие символы разрешены в значении параметра. Каждый символ маски действует как заполнитель для одного символа определенного типа. Например, если в параметре указан номер телефона, вы можете установить маску ввода, чтобы принудительно вводить ровно десять цифр.В момент ввода RES ONE Automation преобразует символы маски в символы подчеркивания, где пользователь должен вводить данные. Если вы установите маску ввода 1234560000, она будет отображаться как 123456____ в поле ввода (поскольку 0 — это символ маски, а другие символы — нет). Пользователь сможет вводить числа, в которых отображаются символы подчеркивания, но не другие символы. Маска ввода состоит из двух частей: маски и литерала. Маска содержит символы маски.Каждый символ маски действует как заполнитель для одного символа определенного типа. Например, 0 обозначает число от 0 до 9, а L обозначает строчную или прописную букву. При желании маска может также содержать обычные символы, которые не работают как заполнители, но которые включены в значение параметра. Литерал заполняется автоматически на основе информации маски. Литерал показывает, где пользователь сможет вводить данные, переводя символы маски в символы подчеркивания.Если символ маски был преобразован в подчеркивание, но должен оставаться обычным символом, вы можете переключить его обратно с помощью клавиш со стрелками вверх и вниз. При установке масок ввода вы можете комбинировать обычные символы с любыми символами маски из таблицы ниже: Символ маски Допустимые символы Образец маски Образец литерала Пример значения параметра 0 0-9 Телефон: (073) -000-0000 Телефон: (073) -___-____ Телефон: (073) -622-8800 9 0–9 или пробел («») Телефон: 999999999999 Телефон: ____________ Телефон: 073622 8800 # 0-9 или пробел («») или + или — Телефон: ##### ## ### #### Телефон: _____ __ ___ ____ Телефон: +0031 73622 8800 л а-Я Альфа: LLLLLLL Альфа: _______ Альфа: AbCdEfG ? a-Z или пробел («») Имя: ?????????? Имя: __________ Имя: Дэн Харрис А 0-9 и а-Я Имя пользователя: AAAAA Имя пользователя: _____ Имя пользователя: HarD1 а 0-9 и a-Z или пробел («») Пользователь: aaaaaaaa Пользователь: ________ Пользователь: Harris 1 и Все печатные символы PrintChar: &&&&&&&& PrintChar: ________ PrintChar: 5 * X + [2n] H 0-9 и A-F Шестнадцатеричный: 0xHHHHHHHH Шестнадцатеричный: 0x________ Шестнадцатеричный: 0x002FD89A х 0-9 и A-F и пробел («») Шестнадцатеричный: 0xXXXXXXX Шестнадцатеричный: 0x_______ Шестнадцатеричный: 0x1 FD89A > Прописные буквы (A-Z) Почтовый индекс: >> 00000 Почтовый индекс: __ _____ Почтовый индекс: MI 48506 < Форсирование строчных букв (a-z) Заголовок: <<<<<<< Заголовок: _______ Заголовок: менеджер Примеры Если вы установите маску ввода PHONE: 073-000000, она будет отображаться как P_ONE: _73 -______ в литерале.Используя клавиши со стрелками вверх и вниз, вы можете переключать соответствующие символы подчеркивания, так что литерал отображается как PHONE: 073 -______. Если вы хотите показать подсказку для телефонного номера, который ограничен только числовыми значениями, но код города должен быть в круглых скобках, вы можете определить свою маску как Номер телефона: (000) 000-0000. Это приводит к следующему запросу: Номер телефона: (___) ___-____, в котором можно вводить только числовые значения. Банкноты Вы можете проверить маску ввода, нажав Показать предварительный просмотр. Если вы устанавливаете маску ввода для параметра, имеющего значение по умолчанию, значение по умолчанию должно совпадать с маской ввода.

Как использовать настраиваемые маски ввода в WPForms

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

В этом руководстве мы покажем вам, как создать и добавить настраиваемую маску ввода в поле формы.

---

Прежде чем начать, убедитесь, что WPForms установлен и активирован на вашем сайте WordPress. Затем создайте новую форму или отредактируйте существующую.

Добавление пользовательской маски ввода

Вы можете добавить настраиваемую маску ввода в любое поле однострочного текста . После того, как вы добавили этот тип поля в форму, нажмите на него, чтобы открыть панель «Параметры поля».

В параметрах поля вам нужно будет перейти на вкладку Advanced . Затем вы можете добавить свое правило в поле Input Mask .

Базовые маски ввода

Чтобы создать правила для настраиваемой маски ввода, вам потребуется использовать определенный набор символов.

• 9 : числовой (0–9)
• a : По алфавиту (a – z или A – Z)
• A : Прописные буквы алфавита (A – Z)
• * : буквенно-цифровые (0–9, a – z или A – Z)
• и : буквы и цифры в верхнем регистре (0–9 или A – Z)

Например, если вы хотите запросить 5-значный номер, введите 5 9 с в поле Маска ввода.

Когда пользователи щелкают в этом поле формы, они видят подчеркивание для каждого необходимого символа, чтобы помочь им при вводе. Кроме того, поскольку мы использовали символ 9 , маска ввода будет принимать только числовые значения (без букв и других символов).

В маску ввода можно также включать такие символы, как дефис (-) или круглые скобки. Например, вы можете использовать следующую маску ввода, чтобы запросить формат номера телефона с кодом страны США:

+1 (999) -999-9999

Когда пользователь щелкает в этом поле, он видит подчеркивание (_) вместо 9 s.+1, круглые скобки и дефисы вводятся в поле автоматически, поэтому пользователям нужно только ввести числа.

Важно отметить, что пользователи не могут отправить форму, если они только частично заполнили маску ввода. Они должны ввести количество и тип символов, требуемых маской ввода, иначе они увидят сообщение проверки: «Пожалуйста, заполните все пробелы».

Однако добавление маски ввода к полю не делает это поле обязательным.Пользователи могут отправить форму, если маска ввода в необязательном поле полностью пуста.

Добавление дополнительных символов в маски ввода

Иногда вам может потребоваться определенный формат для поля, но также необходимо разрешить гибкое количество символов. Например, во многих странах телефонные номера в разных регионах могут содержать разное количество цифр.

Поместите любые необязательные символы в квадратные скобки, например:

99 9999-9999 [9]

Поскольку последняя цифра является необязательной, эта маска ввода может принимать 10 цифр, например 98 7654-3210 , или 11 цифр, например 98 7654-32109 .

Дополнительные примеры дополнительных символов в масках ввода

Имя пользователя, состоящее из 6–8 букв (первая буква в верхнем регистре, остальные в нижнем регистре)

• Маска: Aaaaa [a] [a]
• Пример ввода: Sullie or Sulliewp

Почтовый индекс США с опциональным +4:

• Маска: 99999 [-9999]
• Пример ввода: 98765 или 98765-4321

Примечание: Пользователи должны по-прежнему заполнять все пробелы для дополнительных символов в масках ввода.Например, пользователи не могли ввести «33409-40» в указанную выше маску ввода почтового индекса +4 и отправить форму.

Чтобы создать маски ввода с гибким диапазоном необязательных символов, см. Дополнительные параметры маски ввода ниже.

Спасение персонажей специальной маски

Из-за того, что маски ввода специальных символов используются для создания требуемых форматов, некоторые буквы, числа и символы могут отображаться как пробелы, если вы этого не хотите.

Чтобы избежать преобразования каких-либо специальных символов маски ввода в подчеркивание во внешнем интерфейсе, вы можете просто добавить две обратные косые черты (\\) перед символом.

В качестве примера создадим маску ввода для URL-адреса Instagram.

Если мы введем маску ввода как https://instagram.com/*{1,30} , все символы и будут преобразованы в символы подчеркивания, которые пользователи должны заполнить во внешнем интерфейсе.

Чтобы исправить это, нам просто нужно добавить двойную обратную косую черту перед любыми и , которые мы не хотим преобразовывать в подчеркивание. Итак, для этого примера мы должны ввести маску ввода как https: // inst \\ agr \\ am.com / * {1,30} в поле options.

Теперь, когда мы просматриваем это поле во встроенной форме, подчеркивание будет отображаться только там, где мы предполагали.

Дополнительные примеры экранирования специальных символов в масках ввода

Артикул продукта (2 девятки, за которыми следуют 3 дополнительные цифры или заглавные буквы)

• Маска: \ 9 \ 9 - &&&
• Пример ввода: 99-654 или 99-BC8

Адрес Gmail

Расширенные маски ввода

Если вам нужен еще больший контроль над масками ввода вашей формы, вы также можете использовать расширенные параметры форматирования.Они работают в сочетании со всеми описанными выше символами.

Повторяющиеся символы

Вы можете использовать любой из специальных символов перед {n} (где n — числовое значение), чтобы требовать повторяющийся символ.

Примеры масок ввода с повторяющимися символами

Почтовый индекс США с дополнительным +4

• Маска: 9 {5} [- 9 {4}]
• Пример ввода: 33409 или 33409-4053

12-значный номер для заказа с цифрами и прописными буквами

• Маска: и {12}
• Примеры входов: 29X483HK8192 или 10G7382ZR638

Гибкие диапазоны символов

Вы можете использовать любой из специальных символов перед {n, m} (где n и m представляют числовые значения), чтобы пользователи могли вводить диапазон символов.

Примеры входных масок с гибкими диапазонами

URL-адрес Facebook (позволяет 5–50 символов):

• Маска: https: // f \\ acebook.com/***** [* {0,45}]
• Примеры ввода: https://facebook.com/wpforms или https://facebook.com/monsterinsights

Twitter Handle (позволяет использовать 4–15 цифр, прописных или строчных букв)

• Маска: @ **** [* {0,11}]
• Пример ввода: @easywpforms или @WPBeginner

Электронная почта для определенного домена (может содержать от 1 до 51 символа):

Артикул продукта, состоящий из 8–11 символов (можно использовать цифры или прописные буквы):

• Маска: & {4} - & {4} [& {0,3}]
• Пример ввода: A987-BC65 или A987-BC65D43

Маскировка для нескольких возможных входных значений

Другой вариант — создать маску ввода, которая будет принимать несколько возможных входных значений.Для этого введите обратную косую черту, а затем в скобках укажите допустимые значения, разделенные вертикальной косой чертой, как в \ (x | y) .

Примечание: Этот расширенный параметр маски ввода не работает со специальными символами, перечисленными в начале этого сообщения. x и y должны быть конкретными цифрами или буквами, которые пользователи должны включать в свой ввод.

Примеры масок, допускающих несколько возможных входов

Телефонный номер с кодом страны для США (+1), Австралии (+61) или Мексики (+52)

• Маска: + \ (1 | 61 | 52) 9999999999
• Пример ввода: +1 2127893920 или +52 33074

Номер счета в TN или KY

• Маска: \ (TN | KY) 9 {10}
• Пример ввода: TN3756284765 или KY2975387529

Маски даты и времени

Вы также можете использовать пользовательские маски ввода, чтобы требовать определенный формат даты или времени.

Примечание. Если вы хотите предоставить календарь для выбора даты или раскрывающиеся варианты для даты или времени, поле «Дата / время», вероятно, подойдет лучше, чем настраиваемая маска ввода.

Чтобы настроить маску ввода для даты или времени, вам нужно начать с даты : , за которой следует требуемый формат.

Маски для свиданий

Используя параметры ниже, вы можете создавать собственные маски ввода даты, которые соответствуют вашим потребностям.

• d : День месяца цифрами; без нуля в начале для однозначных дней.
• dd : День месяца цифрами; ведущий ноль для однозначных дней.
• м : месяц в виде цифр; без начального нуля для месяцев, состоящих из одной цифры.
• мм : месяц в виде цифр; ведущий ноль для месяцев, состоящих из одной цифры.
• гг : год в виде двух последних цифр; ведущий ноль для лет меньше 10.
• гггг : год в виде 4 цифр

Например, для date: dd / mm / yyyy потребуется дата, например, 12/08/2021.Когда пользователь заходит в вашу форму и наводит курсор на поле, он видит заполнители для требуемого формата.

Маски времени

Используя параметры ниже, вы можете создавать собственные маски ввода времени, которые соответствуют вашим потребностям.

Примечание: Не забудьте добавить дату : перед маской ввода времени.

• ч : Часы; без нуля в начале для однозначных часов (12-часовые часы).
• чч : Часы; ведущий ноль для однозначных часов (12-часовой формат).
• H : Часы; без нуля в начале для однозначных часов (в 24-часовом формате).
• HH : Часы; ведущий ноль для однозначных часов (в 24-часовом формате).
• M : минуты; без нуля в начале для минут с одной цифрой. Прописная буква M во избежание противоречий с месяцами.
• MM : минуты; ведущий ноль для минут с одной цифрой. ММ в верхнем регистре, чтобы избежать конфликта с месяцами.
• с : секунды; без нуля в начале для секунд с одной цифрой.
• ss : секунды; ведущий ноль для секунд с одной цифрой.
• l : миллисекунды. 3 цифры.
• L : миллисекунды. 2 цифры.
• t : Строка односимвольного маркера времени в нижнем регистре: a или p.
• tt : Двухсимвольная строка маркера времени: am или pm.
• T : Строка односимвольных маркеров времени: A или P.
• TT : Двухсимвольная строка маркера времени: AM или PM.

Например, date: h: MM позволит пользователям вводить такое время, как 8:30. Во внешнем интерфейсе пользователи видят заполнители воли в поле при наведении на него курсора.

Использование псевдонимов для добавления масок ввода

Вы можете ввести псевдоним в поле Input Mask в расширенных параметрах поля, чтобы использовать предварительно упакованную маску ввода.

Доступные псевдонимы маски ввода в WPForms включают:

• псевдоним: numeric : позволяет пользователям вводить любое числовое значение.
• псевдоним: валюта : Позволяет пользователям вводить числовые значения в формате 0.00.
• псевдоним: десятичный : позволяет пользователям вводить любое числовое значение с десятичным числом или без него.
• псевдоним: целое число : позволяет пользователям вводить любое целочисленное значение.
• псевдоним: процент : позволяет пользователям вводить любое число от 1 до 100 в процентах.
• псевдоним: url : Добавляет маску ввода для URL-адреса, начинающегося с http: // .

  No related posts.