We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Overview

The masked text box component provides an easy and reliable way to collect user input based on a standard mask. It can be used to capture phone numbers, date values, and other standard format values.


Standard mask

The masked text box supports the standard masks listed on MSDN.


Custom mask

Other than the standard mask elements, any custom character can also be used as a mask element by defining its rules.


Regular expression

The mask elements can be a regular expression also, which is useful when defining user specific data such as IP address.


Mask combinations

Based on the standard and custom mask combinations, different masks can be created for different application scenarios.

Numeric mask

Numeric mask

From the standard digit mask element, any numeric mask can be created for capturing any finite-length number, such as serial numbers.

String mask

String mask (uppercase)

In the case of a country code or product key input where the input string requires uppercase characters, the mask will enforce this.

Date mask

Date mask

The mask can form any date format to obtain similarly formatted date values.


Form support and validation

As a form component, the captured value proceeds in the raw format when the form is submitted.

The form validator plugin can be integrated to perform any custom validation before the form is submitted.


HTML5 input type support

The masked text box can be extended from the HTML5 tel input. It opens the numeric keypad on mobile devices, which is useful for obtaining phone numbers or any other number-only inputs.

Numeric keypad


Accessibility

  • Fully supports WAI-ARIA accessibility to work with screen readers and assistive devices.
  • Follows WAI-ARIA best practices for implementing keyboard interaction.
  • The UI element visuals such as foreground color, background color, line spacing, text, and images are designed based on WCAG 2.0
  • Supports right-to-left (RTL) text direction for users working in right-to-left languages like Hebrew, Arabic, or Persian.

Developer-friendly APIs

You have control over all UI elements and behaviors of the masked text box through its rich set of developer-friendly APIs to provide the best experience to your end users.


45+ VUE COMPONENTS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.