Започни са основама маскирања уноса

Маскирање уноса може бити запостављено и не користи се превише, али може бити корисно у различитим ситуацијама, поготово уколико је потребно чување текста у фиксном формату – на пример, форматирање рилагођеног датума, броја, или броја телефона.

Да почнемо, погледаћемо два сценарија.

Сценарио 1:

За први сценарио, погледајмо једноставан Кратак унос текста, па додај један уколико већ ниси. Да видиш маску уноса, прати следеће кораке:

1. Кликни на кратак унос текст.
2. Са десне стране елемента, кликни на Својства (иконица зупчаника).
3. Отвори Опције.
4. Пронађи Маска уноса опцију и омогући је.

Са маском за унос, требају ти само три карактера који су објашњени испод уноса максе у опцијама.

@  =   Маскирање слова

#    =   Маскирање бројева

*    =   Маскирање слова и бројева

Да објаснимо ово једноставније, маска уноса даје велику контролу над тим шта се уноси у поље и ограничава унос корисника.

То и даље може да звучи збуњујуће. па хаде да додатно објаснимо уз следеће примере.

Пример А:

У овом римеру, рецимо да желиш од корисника да унесу име фудбалског клуба и да треба да почне са ФК, као на пример „ФК Београд“. Маска ће изгледати овако: „@@ @@@@@@@“.

Подешавање обрасца:

Приказ корисницима:

Пример Б:

Погледајмо следећи пример где желиш да прикажеш бројева са размацима између њих који би се појавили овако „# # # # #“.

Подешавање обрасца:

Приказ корисницима:

Пример В:

Добра употреба за бројчану маску је за наредне прилагођене датуме где можда не желиш да користиш стандардна поља као што је „##/##/####“.

Подешавање обрасца:

Приказ корисницима:

Пример Г:

Сви примери до сада су добри, али, шта ако ти је потребно нешто више од тога, али ти није потребно толико информација, као на ример кад ти је потребна само адреса где је нечије предузеће лоцирано.

У овом конкретном случају, требаш да комбинујеш @ и #, како би на крају то изгледало овако: „@@@@@@@@@@ ###“.

Подешавање обрасца:

Приказ корисницима:

Пример Д:

Такође, не заборави да можеш дозволити оба типа карактера и даље контролисати унос са трећом опцијом, користећи *, и то би изгледало овако: „*** ** *** ** ***“

Подешавање обрасца:

Приказ корисницима:

Пример Ђ:

Али, шта ако ни један пример не одговара твојим потребама? Шта ако радиш за владу, правну канцеларију или предузеће за делове аутомобила? То је такође могуће комбинацијом карактера да креираш нешто као „#@-#**#-#@“.

Подешавање обрасца:

Приказ корисницима:

Пример Е:

Неки од примера изнад су фиксирани. Шта ако би желео да дозволиш корисницма унос, али не свих карактера. На пример, број корисника који се завршава са једним или два карактера. Можеш креирати маску на овај начин: „@@-#####-@[@]“. Као што видиш, додали смо угласте заграде око опционог карактера.

Подешавање обрасца:

Приказ корисницима:

Хајдемо сад да видимо други приступ посматрајући маске на други начин користећи други сценарио за поље за телефон.

Сценарио 2:

Наравно, коришћење опција маске је практично, али шта ако имаш именик и желиш да корисници могу да унесу бесплатне 8000 бројеве, или имаш кориснике са страним бројевима телефона?

У оваквим примерима је корисно имати контролу над пољу за унос бројева телефона за тачан унос бројева.

Пример А:

За први пример, почнимо опет, али овога пута додај поље за унос телефона. Требало би да приступиш подешавањима маске на исти начин као што је описано раније у тексту.

Приметићеш да овога пута можеш користити само бројеве у маски (#), и такође ћеш видети подразумевану маску: „(###) ###-####“

Подешавање обрасца:

Приказ корисницима:

Пример Б:

Да би ово могао да користиш за бесплатне бројеве телефона који почињу са 8000, можеш додати нешто овако: „(8##)-###-####“ како би корисници знали који тип телефона требају да унесу.

Подешавање обрасца:

Приказ корисницима:

Пример В:

За још један пример, рецимо да планираш да сакупљаш податке од корисника из Аустралије. Треба да сакупљаш бројеве телефона ограничене на одређен формат, па, за ово, треба да користиш следеће: „+(##)#########“. Ову маску је могуће изменити и за друге земље.

Подешавање обрасца:

Приказ корисницима:

Надамо се да смо успели све да објаснимо везано за маске.

Слободно испробај ову опцију. Уколико имаш предлоге, сугестије или питања, постави их у коментарима испод, или нам пошаљи поруку.