javascript - jquery屏蔽数字输入

标签 javascript jquery knockout.js

我正在使用一个函数来屏蔽输入到我的文本框中的数字,但我想在将其屏蔽为可观察到的 knockout 之前分配该值。我不确定在我的函数中我可以在哪里获取和存储该值,因为当您在文本框中输入一个值并跳出时,这些值将被替换为“*”,仅用于显示。因此,在我的文本框显示 ***111 的地方,我的可观察值应该具有 1111111 的值。

    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);
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.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>

最佳答案

尝试使用这个 https://css-tricks.com/better-password-inputs-iphone-style/ 然后你像这样实现它 $('#user-password-2').dPassword(); 它的工作原理类似于 iphone 密码。

关于javascript - jquery屏蔽数字输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48053426/

相关文章:

javascript - 如何将加载和调整大小与 $(window).one ("scroll"结合到一个函数中

javascript - 使用 Apollo React 使用 GraphQL 包装 REST api

javascript - Highcharts 多线图

jQuery 在点击不同的 li 时显示一个 li

javascript - knockout 矩阵

javascript - 在 jQuery 的 .each() 方法的每次迭代之间应用延迟

javascript - 单击子元素时,向同级元素添加属性

javascript - 如何仅使用一个数据绑定(bind)来调用 2 个函数?

javascript - main.js 中的 applyBindings 用于多个 View 模型

javascript - 你如何使用 Firebug 检查 javascript 超时?