Kendo UI for jQuery MaskedTextBox Overview
The MaskedTextBox enables a controlled text input that is based on a specific format.
The widget enables you to define its value and mask value, and set custom mask rules, prompt characters, and culture names. Each mask can contain mask rules and mask literals. The mask literals are automatically entered for the user and cannot be removed. You can also use the MaskedTextBox predefined rules which specify the required or optional digit, letter, or character input.
The MaskedTextBox is part of Kendo UI for jQuery, a
professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Functionality and Features
- Validation—Check how to use the pre-defined rules and how to customize them.
- Appearance—Explore the styling options of the MaskedTextBox component.
- Labels—Check how you can use the label feature of the component.
- Prefix and suffix—The MaskedTextBox component provides options to add custom content as prefix and suffix adornments.
To learn more about the appearance, anatomy, and accessibility of the MaskedTextBox, visit the Progress Design System documentation—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.
Known Limitations
To restrict the typed value, the MaskedTextBox "listens" to input events such as keydown and keypress.
- In some mobile browsers, mostly Android or the Windows Mobile OS built-in browsers, those events do not trigger at all. As a result, the normal behavior of the MaskedTextBox is prevented because they are fundamental for the typing restriction.
- Recent tests show that the MaskedTextBox works in the latest iOS OS version.
You cannot work around these issues, because no other reliable way to detect typing in mobile browsers exist—virtual keyboard does not raise any other specific events.
Next Steps
- Getting Started with the Kendo UI MaskedTextBox for jQuery
- Overview of the MaskedTextBox (Demo)
- JavaScript API Reference of the MaskedTextBox