Започнете с основите на маските за въвеждане

March 28, 2022

Използването на маска за въвеждане на поле може да изглежда, като едно от онези неща, които може би не бихте искали да използвате много, но реалността е, че използването на способността за маскиране всъщност може да се окаже доста полезно в много различни ситуации.

За да започнете, ще разгледаме два различни сценария.

Сценарий №1:

За първия сценарий нека разгледаме този, като използваме просто Текстово поле, така че продължете и добавете такова към формата си сега, ако още не сте го направили.

Сега, за да видите опцията “Маска за въвеждане“, можете да следвате скрийншотите по-долу:

В Jotform версия 4:

Ако използвате конструктор на форми на Jotform Версия 4, следвайте скрийншотите по-долу. Изберете текстовото поле, щракнете върху иконата на зъбно колело и отворете раздела “Опции“.

Превъртете надолу и намерете опцията „Маска за въвеждане“, не забравяйте да я активирате.

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

@ = Маскира букви

# = Маскира числа

* = Маскира букви и цифри

За да обясним горното по-просто, Маска за въвеждане основно ви дава много по-голям контрол върху въведеното и следователно ограничава вашите потребители, но ви дава възможност да настроите маскираните знаци.

Това може да звучи малко объркващо, така че нека разгледаме това още повече, като разгледаме тези примери по-долу.

Пример А:

В този пример нека кажем например, че искате да именувате градове, които започват със “St” (Saint), като “St Augustine”, който би изглеждал така “@@ @@@@@@@@@”.

Задна страна на формата:

Предна страна на вашата форма:

Пример Б:

Сега нека хвърлим един поглед върху това в друг случай, където може да искате да покажете набор от раздалечени числа, които биха се появили така “# # # # #”.Задна страна на формата:

Предна страна на вашата форма:

Пример В:

Едно добро използване на маската с числа също би било за разширени персонализирани дати, когато може да не искате да използвате стандартните полета за дата, като “##/##/####”.

Задна страна на формата:

Предна страна на вашата форма:

Пример Г:

И двете горепосочени са добри и всичко, но какво, ако се нуждаете от нещо повече от това, но не се нуждаете от толкова много информация, като например, когато искате само адреса на улицата, където се намира нечия фирма.

Така че в този конкретен случай бихте искали да комбинирате горното, като използвате както @, така и # и това може да изглежда нещо, като “#### @@@@@@@@@ @@”.

Задна страна на формата:

Предна страна на вашата форма:

Пример Д:

Също така, не забравяйте, че можете допълнително да разрешите някое от тези, но все пак контролирайте това, като ограничите това с третата опция, като използвате * (звездичка) и това ще изглежда малко като “*** ** **** ** *** “

Задна страна на формата:

Предна страна на вашата форма:

Пример Е:

Но какво, ако нито едно от горните не е достатъчно добро за вашата ситуация?

Какво ще стане, ако работите в държавната, юридическа или дори компания за авточасти?

Можете да направите и това, като разделите вашите знаци, за да създадете нещо систематично, като “#@-#**#-#@”.

Задна страна на формата:

Предна страна на вашата форма:

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

Сценарий #2:

Разбира се, използването на възможността за маскиране е удобнo, но какво, ако сте доставчик на телефонен указател, който търси 1-800 номера, за да изброи или имате потребители с чужди телефонни номера и други подобни?Подобни случаи са, когато маскирането за въвеждане в телефонно поле би било полезно, колкото да ви даде контрол върху начина на въвеждане и използване на вашите телефонни номера.

Пример А:

За първия пример, нека започнем отново, но този път добавете телефонно поле.

Трябва да имате достъп до опцията “Маскирано въвеждане” по същия начин, както описахме по-рано в това ръководство.

Този път ще забележите, че можете да използвате маскиране на номера само с # и също така ще видите промяната на телефонния номер по подразбиране от двете въвеждения в едно въвеждане, което допълнително е предварително добавено с “(###) ###-####

Задна страна на формата:

Предна страна на вашата форма:

Пример Б:

Сега, за да използвате това за 1-800 номера с телефонен номер, можете да го направите нещо като “1-(8##)-###-####”, за да уведомите потребителите си, че това е типа необходима информация.Задна страна на формата:

Предна страна на вашата форма:

Пример В:

Като друг пример, да речем, че планирате да стартирате програма за достигане с разговори в Австралия и ще трябва да съберете телефонни номера, ограничени до това форматиране, така че в крайна сметка да изглежда нещо, като “+(##)#########”, но можете да го форматирате във всяка държава, ако е другаде.Задна страна на формата:

Предна страна на вашата форма:

Така или иначе, наистина се надяваме, че това помага да се изясни всичко при използване на “Маскирано въвеждане”.

Чувствайте се свободни да играете с тази опция. Ако имате някакви предложения, притеснения или въпроси, не се колебайте да коментирате по-долу или да публикувате въпрос на страницата на форума.

Беше ли това ръководство полезно?
Свържете се с екипа за поддръжка:

Нашият екип за поддръжка на клиенти е на разположение денонощно и средното ни време за реакция е между един и два часа.
С нашия екип можете да се свържете чрез:

Форум за поддръжка: https://www.jotform.com/answers/

Свържете се с поддръжката на Jotform: https://www.jotform.com/contact/

Изпратете коментар:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Коментар:

Podo CommentБъдете първите, които коментират.