日期選擇器空錯誤

Question

我得到了一個表單，將一些值發佈到另一個頁面。當我發佈表單時，如果它們爲空，我希望datepicker輸入的警報。我一直在試圖解決它，但不能。這很簡單，但我認爲我的大腦剛剛停止。代碼如下。 http://i.stack.imgur.com/Ee95P.png

這是我的表格截圖的鏈接。也許這可以幫助你。

 <form id="form-2" class="form-3" method="POST" action="rezervasyon-aşama-2" > 
          <label style="margin:2px 70px; font-size:16px;" >Rezervasyon Formu</label><br> 
           <div style="padding:5px 5px;"> 
            Check-in Tarihi:&nbsp;&nbsp; 
            <input id="datepicker-example7-start" type="text" name='tarih1' > 

            </script> 

           </div> 

           <div style="padding:5px 5px;"> 
           Check-out Tarihi: 
           <input id="datepicker-example7-end" type="text" name='tarih2' > 
    </div> 
<input TYPE="submit" class="button" NAME="Submit" VALUE="Rezervasyon Yap" > 

    </form> 

當我點擊輸入文件時，datepicker出現。所以我想要一個提醒，如果我提交空的。對不起，我的英文:)感謝您的幫助。

Answer 1

將屬性從ID更改爲NAME - 這是我的疏忽。

$(document).ready(function() { 
    $('form').submit(function (e) { 
     $('input[name^="tarih"]').each(function() { 
      if ($(this).val().length === 0) { 
       alert("Your alert here"); //Whatever error message here. 
       e.preventDefault(); 
       return false; 
      } 
     }); 
    }); 
}); 

小提琴： http://jsfiddle.net/6tp9P/3/