aide avec javascript datetime sélecteur validation

Question

Ceci est une petite forme que j'ai qui est un bouton soumettre une zone de texte et un sélecteur de date javascript.

Qu'est-ce que c'est qu'ils choisissent la date, cliquez sur soumettre et il place la date sélectionnée dans une chaîne de requête fonctionne très bien.

Je veux juste ajouter un message d'erreur si la date n'est pas dans le format correct, le format devrait être 11-05-2010.

Ou peut-être y a-t-il un moyen pour que quand ils cliquent sur la date, il saute le processus de mettre le texte dans la zone de texte et puis les cliquent sur soumettre. Pourraient-ils simplement choisir la date et le lien autmatically à:

<form name=dateform method="get"></br> 
<p>Enter Date: <font size="1"><br></br> 
ex:11-01-2010</font><br> 
<input type="text" name="rundate" size="20"><a href="http://sfsdfsfsdfsfsf.com?action=home" onclick="location.href=this.href+'&rundate='+rundate;return false;"></a></li><input type="submit" value="Submit" name="B1"> 
      </form> 
<script language="JavaScript" src="calendar_us.js"></script> 
<link rel="stylesheet" href="calendar.css"> 
<script language="JavaScript"> 
new tcal ({ 
    // form name 
    'formname': 'dateform', 
    // input name 
    'controlname': 'rundate' 
}); 
</script> 

Answer 1

Je vous recommande d'utiliser Tigra Calendrier, Il est un calendrier sélecteur qui peut être associé à tout type d'entrée = 'text 'html. J'ai créé quelques fonctions pour appeler le calendrier Tigra (je renommé isocalendar, parce que le format de la date que je me sers):

function showIsoCalendar(formName, txtInputName, calendar_page){ 
    try 
    { 
     var objtxt = document.forms[formName].elements[txtInputName]; 
     showIsoCalendarBase(objtxt, calendar_page); 
    } catch(err) {/*DO-NOTHING*/} 
} 
function showIsoCalendarBase(objtxt, calendar_page){ 
    try 
    { 
     var isocal = new isocalendar(objtxt); 
      isocal.year_scroll = true; 
      isocal.time_comp = false;   
      isocal.calendar_page = (calendar_page != null ? calendar_page : 'isocalendar.html'); 
     var wnd = isocal.popup(); 
     wnd.moveTo(450, 300); 
    } catch(err) {/*DO-NOTHING*/} 
} 

En modifiant le JavaScript Calendriers, vous pouvez personnaliser le comportement des calendriers, en modifiant la page Calendriers HTML vous pouvez personnaliser la présentation.

Même dans ASP.Net vous pouvez utiliser la Tigra Calndar et l'associer à vos pages comme suit:

<td style="width:130px;">         
    <asp:TextBox ID="TextFecha1" name="TextFecha1" 
     runat="server" Width="90px"></asp:TextBox> 
    <a href="javascript:showIsoCalendar('aspnetForm','ctl00$DefaultPlaceholder$TextFecha1');"> 
     <img src="images/calendar/calendar.gif" alt="calendario"/> 
    </a>          
</td>