JavaScript表单验证，检查日期是否已过

Question

我正在尝试在此处验证表单，我差不多完成了。 唯一的问题是我无法找出一种验证日期字段来检查是否已通过的日期尚未通过的方法。 必须通过Javascript完成... btw，这是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/

过去的一些答案是零散的，但不是全部：

• 检查日期是否为过去的Javascript
• 使用jQuery验证结束日期是否大于开始日期
• 用Java验证输入的日期