Introduction
Getting Started
Vue 2 End of Support
Native Components
Wrapper Components
- Introduction
- Barcodes
- Buttons
- Charts
- Chat
- DataSource
- Date Inputs
- Diagram
- Dialog
- Dropdowns
- DropDownTree
- Editor
- Gantt
- Gauges
- Grid (wrapper)
- Inputs
- - Overview
  - ColorPicker
  - MaskedTextBox
  - NumericTextBox
  - RangeSlider
  - Slider
  - Switch
  - API
- Layout
- List Views
- ListBox
- Map
- MediaPlayer
- PivotGrid
- Popups
- Scheduler
- ScrollView
- Spreadsheet
- TreeList
- TreeMap
- TreeView
- Upload
- Validator
- Window
- Framework & Features
- Globalization
- Troubleshooting
- Using Wrapper Components in Vite
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Inputs / MaskedTextBox / Customized Mask Rules /

New to Kendo UI for Vue? Start a free 30-day trial

Customized Mask Rules

The MaskedTextBox enables you to define custom mask rules during its initialization.

To customize a mask rule, define it in the rules option. The component allows you to define mask rules as regular expressions or functions.

To escape any of the predefined rules, use the rules option.

Example

View Source

Change Theme:

Suggested Links

Is this article helpful?

Thank you for your feedback!