Input for ASP.NET WebForms
無効な入力の入力時のツールチップの表示
タスク別ヘルプ > クライアント側イベントタスク > 無効な入力の入力時のツールチップの表示

このトピックでは、ツールチップを表示する方法について示します。この例では、無効な文字が C1InputMask コントロールに入力されたときに c1tooltip を使用します。

  1. フォーム上の C1InputMask コントロールを右クリックし、[プロパティ]を選択して、Visual Studio のプロパティウィンドウを開きます。
  2. MaskFormat プロパティの横に、00-000 を入力します。
  3. OnClientInvalidInput プロパティの横に、invalidInput を入力します。
  4. ソース」タブを選択して、ソースビューを開きます。
  5. .aspx ソースで、次のスクリプトマークアップを入力します。
ソースビュー
コードのコピー
<script type="text/javascript">
    function invalidInput(e, data) {
        $(data.widget.element).wijtooltip({
            title: '\"' + data.char + '\" は \"' + data.widget.options.mask + '\" のマスクに対して無効な入力です。',
            triggers: 'custom',
            showing: function () {
                window.setTimeout(function () {
                    $(data.widget.element).wijtooltip('hide');
                }, 3000);
            }
        });
        $(data.widget.element).wijtooltip('show');
    }
</script>

無効な文字が C1InputMask コントロールに入力されると、ツールチップが表示され、次の図のようになります。