根據用戶輸入確認日期

Question

鑑於下面的代碼，我如何捕獲一個函數，其中只允許用戶在日期選擇器中選擇一定範圍的日期。

Ex。

如果用戶在下拉菜單中選擇每月，這將只允許用戶一系列的28天。如果用戶選擇一個週刊，系統將只允許5天，並日報只2天 ...

Scenario1：

Date from: 2011-09-01 
Date to: 2011-09-31 

Result: (prompt) you are only allowed to input within 28 days. 

Scenario2：

Date from: 2011-09-01 
Date to: 2011-09-20 

Result: it will proceed to another page. 

如果用戶選擇了無效選擇，系統會提示。

在此先感謝。

<select size="1" name="duration" id="duration" style="position:relative; top:-212px;  left:-440px; width:100px;"> 
       <option value="0">Monthly</option> 
       <option value="1">Weekly</option> 
       <option value="2">Daily</option> 
      </select> 
     </dd> 
    </dl> 

       <dl> 
        <dt style="float:left;"><label for="fname" id = "label">Date From:</label></dt> 
        <dd><input type="text" name="timestamp" id="calendar1" class="calendarFocus" size="54"/> 
        </dd> 
       </dl> 
       <dl> 
        <dt style="float:left;"><label for="fname" id ="label">Date To:</label></dt> 
        <dd><input type="text" name="timestamp1" id="calendar2" class="calendarFocus" size="54"/> 
       </dd> 
       </dl> 

Answer 1

添加一個onchange事件調用與您的業務邏輯的Javascript函數。

<select onchange="callYourFunction(this)" ...>

在功能，那麼你會做這樣的事情：

<script type="text/javascript"> function callYourFunction(oe) {

JavaScript函數會再檢查選擇下拉列表中的值（oe是對象），並提示使用alerts()。