Question

我需要示例javascript代码来验证mm-dd-yyyy格式的日期。

1）如果用户输入了与上述日期格式相关的错误日期。

2）日期范围验证，开始日期和结束日期范围验证。

对此有任何帮助表示赞赏。

此致 Chaitu

Answer 1

验证格式可能类似于：

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]; 
}

所以现在你有了如何验证格式，如何验证日期以及如何将字符串转换为日期对象。从这里做比较应该很简单。

Answer 2

一个详细的，我多年前使用过......

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

Answer 3

您可以使用Javascript或使用范围验证器。

Check out this link for an example of both techniques

使用javascript进行日期验证

3 个答案: