wijinputmask ウィジェットでは、ユーザーに文字の入力を要求するマスク（ユーザー名の入力ボックスなど）を作成できます。この機能を活用するには、mask オプションに L マスク要素を使用します。MVC コントロールエクスプローラのライブデモで InputMask > First Name サンプル（http://demo.componentone.com/ASPNET/MVCExplorer/inputmask/FirstName）を参照してください。
- ASP.NET MVC 4 Wijmo アプリケーション を作成します。
- ソリューションエクスプローラで、Views → Sharedフォルダを展開し、_Layout.cshtml をダブルクリックしてファイルを開きます。
- 次のマークアップをページの <body> タグ内に追加します。
ソースビュー コードのコピー<input type="text" id="textbox1" /> <h6>マスク</h6> <p> >L|LLLLLLLLL</p> </div> - 前の手順で追加した終了タグ </div> の後に、次の jQuery スクリプトを入力し、wijinputmask ウィジェットを初期化して、mask オプションを設定します。L をマスク要素として使用すると、１文字の入力が要求されます。この場合、10 の文字を入力できます。>L| は、最初の文字を大文字にして、後続の文字を小文字にします（［Shift］キーを使用して他の文字も大文字にしない場合）。
ソースビュー コードのコピー<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#textbox1").wijinputmask( { mask: '>L|LLLLLLLLL', hidePromptOnLeave: true }); }); </script> - ［F5］を押してアプリケーションを実行し、名前を入力します。
関連トピック