Masked Input - ASP.NET AJAX Data Editors Demo

Zip Code:

Mask = 00000

ErrorText = "Please input missing digits"

PromptChar =

Phone Number:

Mask = +1 (999) 000-0000

IncludeLiterals = None

Value =

Price:

Mask = $<0..99999g>.<00..99>

IncludeLiterals = DecimalSymbol

Value =

Date:

UseMaskBehavior = True

EditFormatString =

Promo Code:

Mask = <HOME|*BUSINESS>->aaaa-aaaa

ShowHints = True

- Description
- Description
- ASPX
- ASPX
- C#
- C#
- VB
- VB

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:

Text box editors (ASPxTextBox and ASPxButtonEdit).
Text box mask settings can be accessed via the MaskSettings property. The editor’s mask can be specified via the MaskSettings.Mask property.
Date editors (ASPxDateEdit).
To enable masked input within a date editor, the UseMaskBehavior property should be set to true. The mask can be defined via the EditFormatString property if the EditFormat property is set to 'Custom'.

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

See also: Documentation - Mask Types

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

Your Next Great ASP.NET App Starts Here

Get started today and download your 30-day trial of ASP.NET Controls and Libraries (includes 30 days of free technical support).
All demos ship with full source code and are included in the DevExpress ASP.NET distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress ASP.NET Controls and Libraries ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at info@devexpress.com or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.