사용자 입력을 기반으로 날짜 유효성 검사

Question

다음 코드가 주어지면 특정 날짜 범위에서 만 datepicker에서 선택할 수있는 곳에서 함수를 트랩 할 수 있습니다.

Ex.

사용자가 드롭 다운에 월을 선택하면

는 단지 사용자에게 이십팔일의 범위를 허용합니다. 사용자가 주간을 선택하는 경우, 시스템은 허용 할 오일, 만 이일에 대한 매일 ...

시나리오 1 :

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

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

시나리오 2 :

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 이벤트 호출을 자바 스크립트 함수에 추가하십시오. 당신은 다음과 같은 것을 할 것 기능에

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

: 자바 스크립트 함수가 다음 선택 드롭 다운의 값을 ( oe는 객체이다)을 확인 할

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

을하고 프롬프트 alerts()을 사용하십시오.