Input Mask

(Examples)
Line 12: Line 12:
'''Date'''<br />
'''Date'''<br />
-
Mask <code>99/99/9999</code><br />
+
Mask: <code>99/99/9999</code><br />
-
Valid Input <code>10/21/2011</code>
+
Valid Input: <code>10/21/2011</code>
'''Social Security Number'''<br />
'''Social Security Number'''<br />
-
Mask <code>999-99-9999</code><br />
+
Mask: <code>999-99-9999</code><br />
-
Valid Input <code>987-65-4329</code>
+
Valid Input: <code>987-65-4329</code>
'''Course Code'''<br />
'''Course Code'''<br />
-
Mask <code>aaa 999</code><br />
+
Mask: <code>aaa 999</code><br />
-
Valid Input <code>BIO 101</code>
+
Valid Input: <code>BIO 101</code>
'''License Key'''<br />
'''License Key'''<br />
-
Mask <code>***-***-***</code><br />
+
Mask: <code>***-***-***</code><br />
-
Valid Input <code>a9a-f0c-28Q</code>
+
Valid Input: <code>a9a-f0c-28Q</code>
'''Zip Code w/ Optional Plus Four'''<br />
'''Zip Code w/ Optional Plus Four'''<br />
-
Mask <code>99999?-9999</code><br />
+
Mask: <code>99999?-9999</code><br />
-
Valid Input <code>23462</code> or <code>23462-4062</code>
+
Valid Input: <code>23462</code> or <code>23462-4062</code>

Revision as of 16:25, 22 August 2011

Input masks provide a visual guide allowing users to more easily enter data in a specific format such as dates and phone numbers.

Using Custom Input Masks

  • Use a '9' to indicate a numerical character.
  • Use a lower case 'a' to indicate an alphabetical character.
  • Use an asterick '*' to indicate any alphanumeric character.
  • Use a question mark '?' to indicate optional characters. Note: All characters after the question mark will be optional.
  • All other characters are literal values and will be displayed automatically.

Examples

Date
Mask: 99/99/9999
Valid Input: 10/21/2011

Social Security Number
Mask: 999-99-9999
Valid Input: 987-65-4329

Course Code
Mask: aaa 999
Valid Input: BIO 101

License Key
Mask: ***-***-***
Valid Input: a9a-f0c-28Q

Zip Code w/ Optional Plus Four
Mask: 99999?-9999
Valid Input: 23462 or 23462-4062

Search the Documentation