Проверка формы Javascript, проверьте, прошла ли дата

Question

Я пытаюсь проверить форму здесь, и я почти готов. Единственная проблема заключается в том, что я не могу определить способ проверки поля дат, чтобы проверить, не прошла ли дата, которая была помещена. Это должно быть сделано через Javascript ... Кстати, вот HTML:

<label for="reservationDate">Date of reservation (DD/MM/YYYY):</label> 

<input type="text" id="date" name="date" onblur="validateDate(date)"> 

<span id="dateError" style="display: none;">Please enter your date of reservation in this format DD/MM/YYYY</span> 

Вот Javascript:

function validateDate(x) { 
    var re = /^(\d{1,2})[-/.](\d{1,2})[-/.](\d{4})$/; 
    if(re.test(document.getElementById(x).value)){ 
     document.getElementById(x).style.background ='#ccffcc'; 
     document.getElementById(x + 'Error').style.display = "none"; 
     return true; 
    } else{ 
     document.getElementById(x).style.background ='#e35152'; 
     document.getElementById(x + 'Error').style.display = "block"; 
     return false; 
    } 
} 

Надежда кто-то может помочь :)

Answer 1

Вот несколько кодов, чтобы сделать этот конкретный ответ в соответствии с вашими потребностями:

function validateDate(x) { 
    var re = /^(\d{1,2})[-/.](\d{1,2})[-/.](\d{4})$/; 
    var entered = new Date(document.getElementById(x).value); 
    var today = new Date(); 
    if(entered > today) { 
     document.getElementById(x).style.background ='#ccffcc'; 
     document.getElementById(x + 'Error').style.display = "none"; 
     return true; 
    } else{ 
     document.getElementById(x).style.background ='#e35152'; 
     document.getElementById(x + 'Error').style.display = "block"; 
     return false; 
    } 
} 

Вот рабочий, проверенный код: http://jsfiddle.net/digitalextremist/rwhhg/1/

Некоторые прошлые ответы, которые являются частями, но на самом деле не все дело:

• Check if date is in the past Javascript
• Validate that end date is greater than start date with jQuery
• Javascript to validate date entered