apps
2024.10
false
- Getting Started
- Before You Begin
- How To
- Notifications
- Using VB Expressions
- Designing your App
- Events and Rules
- Rule: If-Then-Else
- Rule: Open a Page
- Rule: Open URL
- Rule: Close Pop-Over/Bottom Sheet
- Rule: Show Message
- Rule: Show/Hide Spinner
- Rule: Set Value
- Rule: Start Process
- Rule: Reset Values
- Rule: Upload File to Storage Bucket
- Rule: Download File From Storage Bucket
- Rule: Create Entity Record
- Rule: Update Entity Record
- Rule: Delete Entity Record
- Rule: Add to Queue
- Rule: Trigger workflow
- Leveraging RPA in your App
- Leveraging Entities in Your App
- Leveraging Queues in Your App
- Leveraging Media in your app
- Leveraging Actions in your app
- Application Lifecycle Management (ALM)
- Basic Troubleshooting Guide
Use Input Mask
Apps User Guide
Last updated Nov 11, 2024
Use Input Mask
You can guide your users enter data correctly into a Textbox control by using the Input Mask property.
To learn more on how to use this property, check the examples below.
To learn more about Textbox control properties, check the Textbox page.
Note:
- When the Accept property is not configured in the example, the default vale is
\d
(digits). - If you restrict characters using
[\A-H]
, these will be enforced as capital letters. If you want to use lower case letters, you need to configure them as[\A-Ha-h]
.
To configure an input mask for a date-time field, use the example below. This example only changes the values for the
d
, m
, y
, and h
characters, and keep the /
, space
, and :
in place.
- Add
dd/mm/yyyy hh:mm
in the Input mask property. - Add
dmyh
in the Mask char. property.
To configure an input mask for a telephone number field, use the example below. This example only changes the values for the
_
character and keeps the +1
, (
, )
, -
, and space
in place.
- Add
+1 (___) ___-____
in the Input mask property. - Add
_
in the Mask char. property.
Tip: You can also use REGEX validation in addition to Input Mask to allow phone numbers with optional country code, optional special characters and whitespace.
To configure an input mask for an invoice field with a post-pended
-INV
, use the example below. This example only changes the values for the *
character and keeps the post-pended -INV
in place.
- Add `*-INV in the Input Mask property.
- Add
*
in the Mask char. property.
To configure an input mask for a MAC address field, use the example below. This example only changes the values for the
X
character and keeps the :
character in place. This will also accept only digits and characters between A
and H
.
- Add
XX:XX:XX:XX:XX:XX
in the Input Mask property. - Add
-
in the Mask char. property. - Add
[\dA-H]
in the Accept property.
To configure an input mask for an alphanumeric field that only accepts characters from
A
to Z
and digits, use the example below. This example only changes the values for the _
character and keeps the -
character in place. This will also accept only digits and characters between A
and Z
.
- Add
__-__-__-____
in the Input Mask property. - Add
_
in the Mask char. property. - Add
[\dA-Z]
in the Accept property.
To configure an input mask for a credit card field, use the example below. This example only changes the values for the
?
character and keeps the space
character in place. This will also accept only digits.
- Add
???? ???? ???? ????
in the Input Mask property. - Add
?
in the Mask char. property. - Add
[\d]
in the Accept property.
Tip: You can also use REGEX validation in addition to Input Mask for specific cards (for example, MasterCard or Visa).
To configure an input mask for a currency field, use the example below. This example only changes the values for the
_
character and keeps the &
and .
characters in place. This will also accept only values between 0000.01
and 9999.99
.
- Add
$____.__
in the Input Mask property. - Add
_
in the Mask char. property.