2

MVC 3 + Razor プロジェクトで Jquery Date Picker を使用しています。

私はそれをうまく使用してプロジェクトに統合することができました。

日付ピッカーを使用すると、a、b...@#、$、%.. などの文字が許可されていないことがわかります。しかし、スクリーンショットを見て何を意味するかを理解するには、数字を許可します。

jquery自体に変更を加える必要があると思いますが、どこにあるのかわかりません。これについて私を助けてください。

ここに画像の説明を入力

ここに画像の説明を入力

marcolinux の助けを借りて、http://keith-wood.name/uiDatepickerValidation.htmlを使用しましたが、これをスクリプトに追加したとき

        $(form).validate({
        rules: {
        startDate: {
        dpDate: true
        }
        }
        });

このリンクをインポートしました

 <script src="../../Scripts/jquery.ui.datepicker.validation.js" type="text/javascript"></script>

テキストボックスで class="dpDate" を使用して、これでさらに進歩しました 1212635245 111/12313/12313 のような入力用に、テキストボックスに赤い枠線を表示できるようになりました

ここで最後に知っておく必要があるのは、テキスト ボックスの横にエラー メッセージを表示する方法です。

4

4 に答える 4

3

テキストボックスに「入力」された日付が気になるようです。onClose日付ピッカーによって発生したイベント内でエラー チェック関数をフックできます。

日付が選択されているかどうかに関係なく、日付ピッカーが閉じられたときに独自のイベントを定義できます。この関数は、選択された日付をテキスト (存在しない場合は '') として受け取り、datepicker インスタンスをパラメーターとして受け取ります。これは、関連する入力フィールドを参照します。

ユーザーがテキスト ボックスに何かを入力すると、日付ピッカーが開きます。onClose イベントは、ユーザーが日付を選択したとき (有効)、またはコントロールがフォーカスを失ったとき (日付が有効な場合と無効な場合があります) に発生します。その後、イベント ハンドラー内の日付を確認できます。

$("#datepicker").datepicker({
    onClose: function(dateText, instance) {
        var date;
        try {
            date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, dateText, instance.settings);
        }
        catch (e) {
            alert("$.datepicker.parseDate failed");
        }
        if (!date) {
            alert("This date is not valid");
            $(this).val("");
        }
    }
});

デモはこちら

于 2012-04-04T09:53:12.173 に答える
1

このプラグインはあなたが求めることをします

http://keith-wood.name/uiDatepickerValidation.html

例

Validate date:   2222/22/222
results :   Please enter a valid date
于 2012-04-04T08:41:48.953 に答える
1

属性 readonly="readonly" を入れて問題を解決する必要があります:)

于 2012-04-04T10:06:01.397 に答える