MVC5のマスク入力

Question

私は自分の入力にいくつかのマスクを入れようとしていますが、これは多くの情報を見てきましたが、自分のコードを処理する方法を見つけることができませんでした。私はJqueryのプラグインでマスクされた入力とInputmask、良い結果を試してみました。ここで

は、これらの入力の各機能と私の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を調べるとよいでしょう。

使い方は非常に簡単です - ここ

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

<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" />

はKendo UI Dojoのサンプルコードです。