Desktop Components ShowcaseMobile Components Showcase
ace:maskedEntry - Overview

The <ace:maskedEntry> component is a text input element that allows developers to restrict text input fields to be formatted in a particular manner. Masking allows the developers to specify the number and type of characters (alphabetical / numeric / optional etc.). The example below illustrates various masking options around numerical inputs. Click in the text entry boxes below to enter date of birth, work phone number etc. Notice the specific formatting requirements of the box (i.e. number of characters) etc. Tab through to the next entry box and view the text updates in the Entered Data Frame below.

Personal Info
Entered Data
Date of Birth:
Work Phone:
Mobile Phone:
SIN:
Source Code