Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Masked Input

Mask = 00000
ErrorText = "Please input missing digits"
PromptChar = 
v
Mask = +1 (999) 000-0000
IncludeLiterals = None
Value =
Mask = $<0..99999g>.<00..99>
IncludeLiterals = DecimalSymbol
Value =
v
UseMaskBehavior = True
v
Mask = <HOME|*BUSINESS>->aaaa-aaaa
ShowHints = True

DevExpress editors allow you to use masks during editing. Masks are useful when a string entered by an end-user should match a specific format. For instance, you may require a text editor to only accept date/time values in a 24-hour format, only accept numeric values, or only accept numbers that are automatically inserted into the placeholders of a telephone number.

Masked input is supported by the following editor types:

In this demo, see how masked input behavior is implemented by entering data into the various types of editors.

See also: Documentation - Mask Types

Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxEditorsDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxEditorsDemos