Member Number Mask

by Leonardo Trimarchi

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-debug.js"></script>
            <input class="textboxsemimedium" data-bind="value:theMemberNo"  data-val="true" data-val-length="Member Number be of 9 characters!" data-val-length-max="9" data-val-length-min="9" data-val-required="Member Number is required!" id="MemberNumber" maxlength="10" name="MemberNumber" title="Member Number is Required!" type="text" value="">
<span data-bind="text:theMemberNo"></span>

JavaScript

var viewModel = function () {
        $(".textboxsemimedium").on("keydown keyup",
            function (e) {
              
                $(this).prop("value",
                    function (i, o) {
                        if (o.length < 6) {
                      
                            return o.replace(/\d/g, "*");
                        }
                    });
            });
        self.theMemberNo = ko.observable();
    }
    ko.applyBindings(viewModel);