在jquery datepicker中添加驗證

$(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) 
      } 
     }); 
    });

我有2個文本框（帶有jQuery的日期選擇器），它是datepicker1和datepicker2和一個搜索按鈕。如果我點擊與選擇任何日期的按鈕，我想顯示一個標籤，上面寫着「請選擇一個日期」，這可能嗎？在jquery datepicker中添加驗證

來源

2013-02-17 Jake russel Palma

使用RequiredFieldValidator檢查空輸入字段。

另請參考：

RequiredFieldValidator Class

來源

2013-02-17 09:21:11

的RequiredFieldValidator不支持使用jQuery日期選擇器文本框。：（（ – 2013-02-17 09:23:53

是的，只要它是一個ASP.NET文本框。 – 2013-02-17 09:25:32

好，如果你只是想驗證對空的文本框，那麼你可以隨便去

比方說你的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-17 09:23:48

但我有一個搜索按鈕。如何連接這與ASP按鈕？ – 2013-02-17 09:47:06

@JakerusselPalma我編輯了我的答案，但沒有測試它..請嘗試讓我知道 – 2013-02-17 11:15:46

肯定！

你可以使用一個爲你做這個的插件。 jQuery驗證是一個偉大的選擇http://docs.jquery.com/Plugins/Validation。

或者你可以把它寫youself：

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

代碼沒有經過測試，你可能需要調整有點:)

來源

2013-02-17 09:25:36

這是我的按鈕，如何將它連接到javascript？ – 2013-02-17 09:48:07

。如果您使用的是ASPNET按鈕，您需要添加客戶端ID： $（「＃<％= btnSearchRooms.ClientID％>」）點擊（函數（E）{ e.preventDefault（）; 如果（$（「＃datepicker2」）.val（）===''|| $（「＃datepicker1」）.val（）===''）{ alert（「請提供日期值」）; e.cancel（）; } }）; – 2013-03-09 09:59:00

在jquery datepicker中添加驗證

回答

相關問題