Input Mask

(Examples)
Line 1: Line 1:
Input masks provide a visual guide allowing users to more easily enter data in a specific format such as dates and phone numbers.
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 =
+
== Using Custom Input Masks ==
*Use a '9' to indicate a numerical character.
*Use a '9' to indicate a numerical character.
Line 9: Line 9:
*All other characters are literal values and will be displayed automatically.
*All other characters are literal values and will be displayed automatically.
-
= Examples =
+
== Examples ==
-
'''Date'''
+
'''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'''
+
'''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'''
+
'''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'''
+
'''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'''
+
'''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:24, 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