0 
    $(document).ready(function () {

        $("#datepicker1").datepicker({

            minDate: 0,
            numberOfMonths: 2,
            onSelect: function (selected) {
                var minDate = $(this).datepicker('getDate');
                minDate.setDate(minDate.getDate() + 1);
                $("#datepicker2").datepicker("option", "minDate", minDate)
            }
        });

        $("#datepicker2").datepicker({
            numberOfMonths: 2,
            onSelect: function (selected) {
                $("#datepicker1").datepicker("option", "maxDate", selected)
            }
        });
    });

datepicker1とdatepicker2の2つのテキストボックス（jquery datepickerを使用）と検索ボタンがあります。日付を選択せず​​にボタンをクリックすると、「日付を選択してください」というラベルが表示されますか?

4

3 に答える 3

0

RequiredFieldValidatorを使用して、空の入力フィールドをチェックします。

以下も参照してください。

RequiredFieldValidator クラス

于 2013-02-17T09:21:11.540 に答える
0

空のテキストボックスに対してのみ検証したい場合は、そのまま行くことができます

あなたのaspボタンに「btnSubmit」のIDがあるとしましょう。したがって、これを行います..

$('#btnSubmit').click(function (e) {
if (!valdateForm) {
e.preventDefault(); // this will prevent the button to submit so you can display error messages or do any other stuff you want. if validateForm returns true, then the form will submit as expected.
}


});

function validateForm() {
    if ($('#datepicker1').val().length == 0 || $('#datepicker2').val().length == 0) {
     return false;
    } else {return true;}
}
于 2013-02-17T09:23:48.867 に答える
0

承知しました ！

これを行うプラグインを使用することもできます。jQuery 検証はすばらしい選択http://docs.jquery.com/Plugins/Validationです。

または、自分で書くこともできます：

$("#search").click(function(e){
  if($("#datepicker2").val() === '' ||  $("#datepicker1").val() === ''){
    alert("Please provide a value for date");
    e.cancel();
  }
});

コードはテストされていません。少し調整する必要があるかもしれません:)

于 2013-02-17T09:25:36.573 に答える