JQuery用戶界面日期選擇器（驗證問題）

Question

我使用jQuery UI的日期選擇器，我添加日期驗證我的日期選擇器輸入字段，這是我的日期選擇javascript代碼（「起始日期」是我的日期選擇器輸入字段的ID ）：

$('#my-form').validate({ 
       rules: { 
        start_date: { 
         required: true 

        } 

       }, 
       messages: { 
        start_date: 'Please enter a valid date (yyyy-mm-dd)' 

       } 
      }); 

$("#start_date").datepicker({ 
      beforeShowDay: noTheseDays, 
      onSelect: function(dateText, inst) {alert(dateText)}}); 

我的日期選擇器輸入字段HTML：

<form id="my-form" method="post"> 
    ... 
    <input class="start_date_field" id="start_date" size="30" type="text" /> 
    <input id="mysubmit" type="submit" value="Get it" /> 
</form> 

的問題是，如果我添加驗證碼在javascript，日期選擇器日曆是而不是顯示鼠標在日期選擇器（start_date）輸入字段中單擊時。 如果我刪除驗證，日曆將顯示。爲什麼？？

另一個問題是驗證錯誤信息不顯示，如果日期選擇器輸入字段爲空，我提交表單，一個錯誤頁面顯示，而不是 .....

Answer 1

你」重新輸入name屬性。 validate使用輸入名稱，而不是ID。 http://jsfiddle.net/marcosfromero/FBBxW/