Question

所以，我试图在我的输入上添加一些掩码，我已经看到了很多信息，但是我无法找到一种方法来处理我的代码。我尝试使用Jquery插件屏蔽输入和输入掩码，任何好结果。

这是我的JS代码，其中包含每个输入的函数：

(document).ready(function () {
     $("#telephone").inputmask("mask", { "mask": "(99) 9999-99999" });
});

$(document).ready(function () {
     $("#phone").mask("(999) 999-9999");
});

和我输入的页面：

<p>phone: <input type="text" id="phone" /></p>
<p>phone: <input type="text" id="telephone" /></p>

和我的_layout：

@Scripts.Render("~/bundles/bootstrap")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/maskedinput")
@Scripts.Render("~/bundles/inputmask")

绝对没有任何事情发生在我面前。

我还是编码的新手，英语是我的第二语言，但我希望这个问题是可以理解的。

你们能帮助我吗？

Answer 1

如果您不介意使用第三方库，您可能需要查看免费和开源的Kendo UI Core。

用法非常简单 -

＆＃13;

$(function() {
   $("#telephone").kendoMaskedTextBox({
      mask: "(999) 000-0000"
   });
});

＆＃13;

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.223/styles/kendo.common-material.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.223/styles/kendo.material.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.223/styles/kendo.material.mobile.min.css" />

    <script src="https://kendo.cdn.telerik.com/2017.1.223/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2017.1.223/js/kendo.all.min.js"></script>
    
<input id="telephone" value="555 123 4567" />

＆＃13;

以下是Kendo UI Dojo的示例代码。

MVC5上的掩码输入

1 个答案: