help with javascript datetime picker validation

Question

Это небольшая форма, которая у меня есть, это кнопка отправки текстового поля и выбора даты в javascript.

Что он делает, они выбирают дату, нажимают кнопку «Отправить», и она помещает выбранную дату в строку запроса отлично.

Я просто хочу добавить сообщение об ошибке, если дата не в правильном формате, формат должен быть 11-05-2010.

Возможно, есть способ, чтобы при щелчке даты он пропускал процесс ввода текста в текстовое поле, а затем нажал кнопку submit. Может они просто выбрать дату и 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

Я рекомендую вам использовать Tigra Календарь, это календарь выбора, который может быть связан с любым типом ввода = 'текст 'html. я создал несколько функций для вызова Tigra календарь (я переименовал isocalendar, так как формат даты я использую):

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*/} 
} 

Изменяя календари JavaScript вы можете настроить поведение календарей, изменяя на странице «Календари HTML» вы можете настроить презентацию.

Даже в ASP.Net вы можете использовать Tigra Calndar и связать его на своих страницах следующим образом:

<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>