我想在javascript中验证日期。有人帮我理解这个吗?

时间:2014-02-13 10:03:07

标签: javascript

var dcheck=/^(0?[1-9]|[12][0-9]|3[01])-(0?[1-9]|1[012])-\{4}$/;/^(0?[1-9]|[12][0-9]|3[01])-(0?[1-9]|1[012])-\{4}$/;

任何人都可以帮助我理解这部分

"/^(0?[1-9]|[12][0-9]|3[01])-(0?[1-9]|1[012])-\{4}$/;/^(0?[1-9]|[12][0-9]|3[01])-(0?[1-9]|1[012])-\{4}$/"

....请你告诉我这是如何检查输入的?

if(dcheck.test(dor)){
        document.getElementById('div_id').innerHTML="Correct Entry";    
    }
else{
   document.getElementById('div_id').innerHTML="please check ";
  }

提前致谢!!!

2 个答案:

答案 0 :(得分:1)

/^(0?[1-9]|[12][0-9]|3[01])-(0?[1-9]|1[012])-{4}$/是一个正则表达式,通常用于匹配各种形式的字符串。让我们一点一点地逐步了解它正在做什么。

/^(0?[1-9]|[12][0-9]|3[01])-

在这里,我们检查字符串是否以某个两位数的字符串开头。这里的垂直条表示或,因此我们要么匹配0?[1-9][12][0-9]3[01]。第一个意思是“这是一个数字日,我们不在乎你是否以0开头。” “我们不关心”由问号编码。第二个是两位数的日,第二个数字是不受限制的,第三个是说日期,如果从3开始,必须是30或31.最后, - 只是意味着我们以 - ,这部分。

(0?[1-9]|1[012])-

在这里,我们做类似的事情。此部分的格式为0?[1-9]1[012]。希望你可以通过参考上一段看到这个接受1到12的月份,其中单个数字可以从0开始。

{4}

这是我们尚未见过的新符号。 {n}只是表示“接受一个n位字符串”。

所以我们最终得到的是“日 - 月 - 年”,其中​​括号捕获日,月和年,并将它们粘贴到变量中。

希望有所帮助!

答案 1 :(得分:1)

Html代码:

<form name="frmSample" method="post" action="" onSubmit="return ValidateForm()">
            <p>Enter a Date <font color="#CC0000"><b>(mm/dd/yyyy)</b></font> 
              : 
              <input type="text" name="txtDate" maxlength="10" size="15">
            </p>
            <p> 
              <input type="submit" name="Submit" value="Submit">
            </p>
          </form>

javascript代码:

<script language = "Javascript">
/**
* DHTML date validation script. Courtesy of SmartWebby.com     (http://www.smartwebby.com/dhtml/datevalidation.asp)
 */
 // Declaring valid date character, minimum year and maximum year
 var dtCh= "/";
 var minYear=1900;
 var maxYear=2100;

 function isInteger(s){
var i;
for (i = 0; i < s.length; i++){   
    // Check that current character is number.
    var c = s.charAt(i);
    if (((c < "0") || (c > "9"))) return false;
}
// All characters are numbers.
return true;
}

function stripCharsInBag(s, bag){
var i;
var returnString = "";
// Search through string's characters one by one.
// If character is not in bag, append to returnString.
for (i = 0; i < s.length; i++){   
    var c = s.charAt(i);
    if (bag.indexOf(c) == -1) returnString += c;
}
return returnString;
}

 function daysInFebruary (year){
// February has 29 days in any year evenly divisible by four,
// EXCEPT for centurial years which are not also divisible by 400.
return (((year % 4 == 0) && ( (!(year % 100 == 0)) || (year % 400 == 0))) ? 29 : 28 );
 }
 function DaysArray(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
 }

  function isDate(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
  }

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

    </script>

试试这个。它可能对你有所帮助。