MaskedTextBox - data-mask attribute not working correctly?

[Kevin F]

Using kendo SPA and I have the following:

<input type="text" id="txtBillingZip" data-role="maskedtextbox" data-mask="00000" />

For some reason, the mask doesn't work.  But when I change the mask to this: 

<input type="text" id="txtBillingZip" data-role="maskedtextbox" data-mask="00000 " />

The mask works as expected, but of course has the space at the end which I don't want.

Any thoughts?

 

[Dimiter Topalov]

Hi Kevin,

When declarative widget initialization is used, the Kendo UI library parses number-like options as numbers. As a result, the mask attribute is parsed to a single zero digit and cannot be processed correctly in the Kendo UI MaskedTextBox initialization.

Please check the following help section...

http://docs.telerik.com/kendo-ui/framework/mvvm/overview#important-notes

... or use script initialization instead of declarative one:

$(document).ready(function(){
$("#maskedtextbox").kendoMaskedTextBox({
mask: "00000"
});
});

I hope this helps.

Regards,
Dimiter Topalov
Telerik

 

[Kevin F]

Oh jeez.  I swore I read that page 100 times.  Sorry about that, and thank you very much Dimiter!