Example of Custom Mask in ASP.NET MVC Input Mask Control

This sample demonstrates the custom mask functionalities of MaskedTextBox component. Enter time value in meridiem format, and enter IP value in numeric format.

DEMO
SOURCE
Time (ex: 10:00 PM, 10:00 AM)
IP Address (ex: 212.212.111.222)

The custom mask is achieved by the following ways:

Custom characters:

You can form the maskopens in a new tab with any non-mask elements (literals), and you can configure the behavior of that non-mask element as mask element through the customCharactersopens in a new tab property.

In this demo, the “Time” mask '99 : 99 >PM' contains the literals P and M, where it is configured to allow the inputs as 'P', 'A', 'p', 'a', and 'M', 'm'.

Regular expression:

Alternatively, you can use the regular expressions as mask element to validate the input of the particular input place.

Here, in the “IP Address” example, each character is masked by an regular expression to allow a particular range of values.

For more information, you can refer to the Custom charactersopens in a new tab and Regular expressionopens in a new tab sections from the documentation.

Transform your ASP.NET MVC web apps today with Syncfusion® ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab