使用javascript进行日期验证

如何解决使用javascript进行日期验证

| 我需要示例JavaScript代码以mm-dd-yyyy格式验证日期。 1）如果用户针对上述日期格式输入了错误的日期。 2）日期范围验证，开始日期和结束日期范围验证。 任何帮助对此表示赞赏。 问候， 猜土     

解决方法

验证格式可能类似于：

function isValidDateFormat(s) {
  return /^\\d\\d-\\d\\d-\\d\\d\\d\\d$/.test(s);
}

对于日期范围，将字符串转换为日期对象，然后将其与日期对象进行比较以限制范围。 这是日期验证功能-无需检查输入格式，如果输入错误，则该函数返回false：

// Expects date in US-specific mm-dd-yyyy or 
// mm/dd/yyyy format
function isValidDate(d) {
  var bits = d.split(/[-/]/);
  var date = new Date(bits[2] + \'/\'
                    + bits[0] + \'/\'
                    + bits[1]);
  return date && (date.getMonth()+1) == bits[0]
              && date.getDate() == bits[1]; 
}

因此，现在您有了如何验证格式，如何验证日期以及如何将字符串转换为日期对象的方法。从这里进行比较应该很简单。     ,详细来说，我用了几年了...

<script language = \"Javascript\">
  var dtCh= \"/\";
  var minYear=1900;
  var maxYear=2100;

  var isInteger = function(s){
    var i;
      for (i = 0; i < s.length; i++){   
          var c = s.charAt(i);
          if (((c < \"0\") || (c > \"9\"))) return false;
      }      
      return true;
  }

  var stripCharsInBag = function(s,bag){
    var i;
      var returnString = \"\";
      for (i = 0; i < s.length; i++){   
          var c = s.charAt(i);
          if (bag.indexOf(c) == -1) returnString += c;
      }
      return returnString;
  }

  var daysInFebruary = function(year){
      return (((year % 4 == 0) && ( (!(year % 100 == 0)) || (year % 400 == 0))) ? 29 : 28 );
  }

  var DaysArray = function(n) {
    for (var i = 1; i <= n; i++) {
        this[i] = 31
        if (i==4 || i==6 || i==9 || i==11) {this[i] = 30}
        if (i==2) {this[i] = 29}
     } 
     return this
  }

  var isDate = function(dtStr){
    var daysInMonth = DaysArray(12)
    var pos1=dtStr.indexOf(dtCh)
    var pos2=dtStr.indexOf(dtCh,pos1+1)
    var strMonth=dtStr.substring(0,pos1)
    var strDay=dtStr.substring(pos1+1,pos2)
    var strYear=dtStr.substring(pos2+1)
    strYr=strYear
    if (strDay.charAt(0)==\"0\" && strDay.length>1) strDay=strDay.substring(1)
    if (strMonth.charAt(0)==\"0\" && strMonth.length>1) strMonth=strMonth.substring(1)
    for (var i = 1; i <= 3; i++) {
        if (strYr.charAt(0)==\"0\" && strYr.length>1) strYr=strYr.substring(1)
    }
    month=parseInt(strMonth)
    day=parseInt(strDay)
    year=parseInt(strYr)
    if (pos1==-1 || pos2==-1){
        alert(\"The date format should be : mm/dd/yyyy\")
        return false
    }
    if (strMonth.length<1 || month<1 || month>12){
        alert(\"Please enter a valid month\")
        return false
    }
    if (strDay.length<1 || day<1 || day>31 || (month==2 && day>daysInFebruary(year)) || day > daysInMonth[month]){
        alert(\"Please enter a valid day\")
        return false
    }
    if (strYear.length != 4 || year==0 || year<minYear || year>maxYear){
        alert(\"Please enter a valid 4 digit year between \"+minYear+\" and \"+maxYear)
        return false
    }
    if (dtStr.indexOf(dtCh,pos2+1)!=-1 || isInteger(stripCharsInBag(dtStr,dtCh))==false){
        alert(\"Please enter a valid date\")
        return false
    }
  return true
  }

  var ValidateForm = function(){
    var dt=document.frmSample.txtDate
    if (isDate(dt.value)==false){
        dt.focus()
        return false
    }
      return true
   }

</script>

和一些HTML进行演示：

<form method=\"get\" onSubmit=\"return ValidateForm()\">
  <p>Enter a Date <b>(mm/dd/yyyy)</b>: <input type=\"text\" name=\"txtDate\" maxlength=\"10\" size=\"15\"></p>
  <p><input type=\"submit\" value=\"Submit\"></p>
</form>