Is there a masked textbox for Kendo-UI

Question

I have not found any kind of masked input support for KendoUI is there anything planned for a future release? Can I have access to a preview version?

You should be able to achieve masked input with a jquery plug-in (for example http://digitalbush.com/projects/masked-input-plugin/) — Mike Cheel, Jan 15 '14 at 22:42

score 5 · Answer 1 · answered Mar 21 '14 at 17:26

From release 2014.1.321 there are masked input. The name of the widget is kendoMaskedTextBox and the documentation can be found here.

Some examples on how to use can be found on their demo page and is as simple as:

Phone number:

<input id="phone_number" value="555 123 4567"/>

$("#phone_number").kendoMaskedTextBox({
    mask: "(999) 000-0000"
});

Credit card:

<input id="credit_card" value="1234 1234 1234 1234"/>

$("#credit_card").kendoMaskedTextBox({
    mask: "0000 0000 0000 0000"
});

The mask definition syntax is:

enter image description here

Thanks for reply. But maskedtextbox loses its value after post the view to the controller. How to fix it? — Jack, Feb 23 '15 at 10:20

felickz · Accepted Answer · 2016-08-24T20:09:58.010

No, it does not exist yet

UNDER REVIEW  ·   Kenshin, Kendo UI Team
ADMIN
Kenshin, Kendo UI Team (Admin, Kendo UI) responded  ·  Nov 22, 2011
Masked input widget will be contemplated for the future versions of Kendo UI.

Please everyone add your votes!!!

Update:

ADMIN Kenshin, Kendo UI Team (Admin, Telerik Kendo UI) responded · March 20, 2014 Masked textbox widget is included in Q1 2014.

Update 2: Documentation Link!

Is there a masked textbox for Kendo-UI

2 Answers2