Validation des dates en fonction des entrées de l'utilisateur

Question

Étant donné le code suivant, comment puis-je piéger une fonction dans laquelle elle autoriserait uniquement un utilisateur à choisir une date dans le datpicker.

Ex.

Si l'utilisateur choisit le mensuel sur le menu déroulant, il ne permettrait à l'utilisateur une gamme de 28 jours. si l'utilisateur choisit un hebdomadaire, le système ne permettrait 5 jours et Daily pour seulement deux jours ...

Scénario1:

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

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

Scénario 2:

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

Result: it will proceed to another page. 

Si l'utilisateur choisit une sélection non valide, le système l'affichera.

Merci d'avance.

<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

Ajouter un appel d'événement onchange à une fonction Javascript avec votre logique métier.

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

Dans la fonction que vous voudriez faire quelque chose comme ceci:

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

La fonction Javascript serait alors vérifier la valeur de la liste déroulante de sélection (oe est l'objet), et rapide en utilisant alerts().