Kendo Mask Custom Rule

Question

I've setup the following custom rule in a Kendo UI MaskedTextBox:

rules: {
    "~": /[0-9#]/
}

I thought this would allow 0-9 or # in the field, but the mask text of ~ shows up and the masked box won't let me enter anything.

Where am I going wrong with the custom mask? How do I configure a custom mask which will allow entry into the masked text box?

It's as you see above; I thought according to the docs, this is all it should take, but it is not working... — Brian Mains, Dec 29 '14 at 15:13
Would it be possible for you to add a fiddle? I haven't been able to duplicate your problem. — numaroth, Dec 29 '14 at 15:22
I might be able to, but if it works for you, could you post your working setup as an answer? — Brian Mains, Dec 29 '14 at 15:23

score 1 · Accepted Answer · answered Dec 29 '14 at 20:16

I was unable to duplicate the asker's problem, but the following code should achieve the requested behavior:

<script>
  $(document).ready(function() {
     $("#with_mask").kendoMaskedTextBox({
       mask: "~~~~~~~~~~",
       rules: {
               "~": /[0-9#]/
              }
      });
   });
</script>

This Fiddle contains a working example.

These Kendo documentation links might be useful for any further problems:

Kendo Mask Custom Rule

1 Answers1