MaskedTextBox Overview

The MaskedTextBox uses a mask to control the input of the user.

You can define the specific format by using the mask option of the component. Each mask can contain mask rules and mask literals. The mask literals are automatically entered for the user and cannot be removed. When the MaskedTextBox initializes, it decorates the <input> element with a k-textbox CSS class.

The MaskedTextBox supports the following predefined rules:

  • Required or optional digit input.
  • Required or optional letter input.
  • Required or optional character input (allows any character).

The MaskedTextBox wrapper for Vue is a client-side wrapper for the Kendo UI MaskedTextBox widget.

The MaskedTextBox-no- Component is part of Kendo UI for Vue, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Basic Usage

The following example demonstrates the MaskedTextBox in action.

Example
View Source
Change Theme:

Functionality and Features

In this article

Not finding the help you need?