Kendo

HTML

<script src="http://cdn.kendostatic.com/2014.3.1119/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.3.1119/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1119/styles/kendo.default.min.css">
<body>   
        <div id="example">
            <div class="demo-section k-header">
              <label for="with_mask">Mask:</label>
                      <input id="with_mask" />
            </div>           
        </div>
</body>

JavaScript

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