無効な入力の入力時のツールチップの表示

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

フォーム上の C1InputMask コントロールを右クリックし、［プロパティ］を選択して、Visual Studio のプロパティウィンドウを開きます。
MaskFormat プロパティの横に、00-000 を入力します。
OnClientInvalidInput プロパティの横に、invalidInput を入力します。
「ソース」タブを選択して、ソースビューを開きます。
.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>

ソースビュー

コードのコピー

<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 コントロールに入力されると、ツールチップが表示され、次の図のようになります。