background

UI for ASP.NET Core

ASP.NET Core MaskedTextBox

  • Use the ASP.NET Core MaskedTextBox component to control the user input based on a specific format.
  • Part of the Telerik UI for ASP.NET Core library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Telerik UI for ASP.NET Core MaskedTextBox - Header
  • Overview

    The Telerik UI for ASP.NET Core MaskedTextBox component allows the input of controlled text or numbers based on a specific format. You can easily set its value and mask value, add custom mask rules, prompt characters and culture names. This comes in handy when you require the input of telephone numbers, credit cards, postal codes etc. The component comes with out-of-the-box support for globalization, RTL and validation. 
    Telerik UI for ASP.NET Core MaskedTextBox-Overview
  • Labels

    The label enables you to associate the label HTML element with the MaskedTextBox and also makes it easier for users to understand what is asked from them. The component also supports floating labels, meaning that even when the person has started to type in their input, they would be able to see the label above the MaskedTextBox. 


    Telerik UI for ASP.NET Core MaskedTextBox-FloatingLabel
  • Validation

    The component comes with a set of predefined mask rules, which you can modify to meet your project’s requirements.  You can check out the list of predefined rules here or see how to create custom ones in our documentation.  
    Telerik UI for ASP.NET Core MaskedTextBox-Validation
  • Events

    You can subscribe to all MaskedTextBox events, such as Change, presented in the demo’s console log after interaction with the component. To explore the available events, refer to the following demo: 
    Telerik UI for ASP.NET Core Events
  • Declarative Initialization

    Declarative initialization—a feature that serializes the component declaration as an MVVM declarative configuration instead of an inline initialization script—is supported in Telerik UI for ASP.NET Core MaskedTextBox. It is beneficial in cases when the Content Security Policy (CSP) is enabled as it eliminates the requirement to call the methods that defer the initialization script generated after the component's HTML markup.

    See Telerik UI for ASP.NET Core MaskedTextBox declarative initialization demo

  • Globalization

    The Core MaskedTextBox component facilitates quick set up for various culture settings. Take advantage of the globalization functionality to easily translate component messages and adapt to different cultures.  


    Globalization Localization
  • HTML and Tag Helpers

    The Telerik UI for ASP.NET Core suite offers two approaches to declare the MaskedTextBox or any other component – choose HTML or Tag helpers based on your preference, practice, and technology background, and add this advanced input element to any new or existing form. 
    Telerik UI for ASP.NET Core HTML and Tag Helpers
  • RTL Support

    The MaskedTextBox right-to-left support is available for languages like Arabic and Hebrew, in which users read from right to left. You can satisfy any script preference and facilitate user interaction by toggling between left-to-right and right-to-left alignment with only a few settings. 
    Telerik UI for ASP.NET Core RTL Support
  • Accessibility

    The MaskedTextBox component is Section 508 and WCAG 2.1 guidelines compliant, thus you can rest assured that your application will meet the needs of all users. 
    Telerik UI for ASP.NET MVC Accessibility

All ASP.NET Core Components

Next Steps