ComponentOne Studio MVC5 Classic ヘルプ
文字を要求するマスクの作成

wijinputmask ウィジェットでは、ユーザーに文字の入力を要求するマスク(ユーザー名の入力ボックスなど)を作成できます。この機能を活用するには、mask オプションに L マスク要素を使用します。MVC コントロールエクスプローラのライブデモで InputMask  > First Name サンプル(http://demo.componentone.com/ASPNET/MVCExplorer/inputmask/FirstName)を参照してください。

  1. ASP.NET MVC 5 Wijmo アプリケーション を作成します。
  2. ソリューションエクスプローラで、Views → Sharedフォルダを展開し、_Layout.cshtml をダブルクリックしてファイルを開きます。
  3. 次のマークアップをページの <body> タグ内に追加します。
    ソースビュー
    コードのコピー
    <input type="text" id="textbox1" />
          <h6>マスク</h6>
          <p> >L|LLLLLLLLL</p>
    </div>
    
  4. 前の手順で追加した終了タグ </div> の後に、次の jQuery スクリプトを入力し、wijinputmask ウィジェットを初期化して、mask オプションを設定します。L をマスク要素として使用すると、1文字の入力が要求されます。この場合、10 の文字を入力できます。>L| は、最初の文字を大文字にして、後続の文字を小文字にします([Shift]キーを使用して他の文字も大文字にしない場合)。
    ソースビュー
    コードのコピー
    <script id="scriptInit" type="text/javascript">
        $(document).ready(function () {
            $("#textbox1").wijinputmask(
                    {
                      mask: '>L|LLLLLLLLL',
                      hidePromptOnLeave: true
                    });
        });
        </script>
    
  5. F5]を押してアプリケーションを実行し、名前を入力します。

 

 


Copyright © GrapeCity inc. All rights reserved.