手順 1：ビューの設定

この手順では、電話番号マスクを使用する入力テキストボックスを追加します。以下を実行します。

ソリューションエクスプローラで、Views | Shared フォルダを展開し、_Layout.cshtml をダブルクリックして、ファイルを開きます。

以下のマークアップをページの <body> タグ内に追加します。このマークアップは初期数値を持つ入力テキストボックスを追加します。１つのゼロをマスク要素として使用すると、１つの数字を入力する必要があります。

ソースビュー	コードのコピー
<div class="page"> <div id="header"> <div id="title"> <h2>概要</h2> <div class="main demo"> <!-- デモマークアップの開始 --> <input type="text" id="textbox1" value="(412) 867-5309" /> <h5> マスク:</h5> <p> (999) 000-0000</p> <!-- デモマークアップの終了 --> </div> </div> </div>

ソースビュー

コードのコピー

  <div class="page">
        <div id="header">
            <div id="title">
                <h2>概要</h2>
<div class="main demo">
<!-- デモマークアップの開始 -->
<input type="text" id="textbox1" value="(412) 867-5309" />
     <h5>
           マスク:</h5>
<p>
           (999) 000-0000</p>
<!-- デモマークアップの終了 -->
</div>
</div>
</div>