---
title: Customized Mask Rules
page_title: Customized Masked Rules - MaskedTextBox - Kendo UI for Vue
description: "Customize the mask rules of the Kendo UI MaskedTextBox wrapper for Vue."
slug: customized_mask_rules_maskedtextbox_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/inputs/maskedtextbox/"
position: 4
---

<div><WrapperBanner link="/kendo-vue-ui/components/inputs/maskedtextbox"></WrapperBanner></div>    

# 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`](https://docs.telerik.com/kendo-ui/api/javascript/ui/maskedtextbox#configuration-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`](https://docs.telerik.com/kendo-ui/api/javascript/ui/maskedtextbox#configuration-rules) option.

{% meta height:100 %}
{% embed_file maskedtextbox/custom-rules/main.vue preview %}
{% embed_file maskedtextbox/custom-rules/main.js %}
{% endmeta %}

## Suggested Links

* [Kendo UI MaskedTextBox for jQuery](https://docs.telerik.com/kendo-ui/controls/editors/maskedtextbox/overview)
* [API Reference of the MaskedTextBox Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/maskedtextbox)