0

我有 3 个文本框,如下所示

<input type="text" name="birth_year" id="birth_year" maxLength="4" size="4">Year 
<input type="text" name="birth_month" id="birth_month" maxLength="2" size="2">Month
<input type="text" name="birth_day" id="birth_day" maxLength="2" size="2">Day

[2012] Year [09] Month [13] Day

如何使用 JQ 验证该日期?

我已经找了两天了。

不过,我找不到任何具有这种 XXXX-XX-XX 格式的东西。

我找到了这个 jsFiddle,但这个不验证两位数的月份或日期,如 03 或 22

任何帮助将不胜感激

4

2 回答 2

0

更好的验证(参见工作示例)。如果您要问生日,为什么不检查它们是否也合情合理?第一部分检查无效日期(超出范围,包括该月特定范围之外的日期);第二部分排除了尚未出生的人,或者太老而无法成立的人。

/**
 * input is year/month/day (month from 1 to 12, day from 1 to 31)
 * output is boolean: true if correct and in-range, false if not
 */
function isValidBirthdate(year, month, day, minAge, maxAge) {
  // javascript days expect zero-based days and months
  month --; day --;
  var saysWasBorn = new Date(year, month, day);
  if (saysWasBorn.getDate() != day
    || saysWasBorn.getMonth() != month
    || saysWasBorn.getFullYear() != year) {
        console.log("impossible date: ");     
        return false;
  }
  var now = new Date();
  var yearsOld = now.getFullYear() - saysWasBorn.getFullYear();
  if ((now.getMonth()*40 + now.getDate() - 1) < 
      (saysWasBorn.getMonth()*40 + saysWasBorn.getDate())) {
     yearsOld --;                
  }
  if (yearsOld > maxAge) {
    console.log("too old");        
    return false;
  } else if (yearsOld < minAge) {
    console.log("too young");
    return false;
  }
  return true;
}
于 2012-09-13T14:42:25.630 回答
0

这实际上非常简单:

var year = document.getElementsByName("birth_year")[0].value,
    month = document.getElementsByName("birth_month")[0].value,
    day = document.getElementsByName("birth_day")[0].value,
    date = new Date(year + "-" + month + "-" + day);

if (isNaN(date.getTime())) {
    // The date is invalid
}

不幸的是,这在 IE8 等旧浏览器中不起作用,因为它们不接受 yyyy-mm-dd 日期格式。但是您可以像这样重写日期:

var date = new Date(month + "/" + day + "/" + year);

(我认为 mm/dd/yyyy 格式没有意义,但是……这就是 Javascript 自第一次定义以来的工作方式。)

于 2012-09-13T14:34:40.440 回答