javascript - Javascript 日期验证 (DD/MM/YYYY) 和年龄检查

Question

我最近开始研究 Javascript。我正在测试的是以有效格式检查 DoB。下一步将检查年龄。

我的 HTML 代码包含的内容如下

<form name="ProcessInfo" action="#" method="POST" enctype="multipart/form-data" target="_self" onsubmit="return checkForm();">
.
.
.
.
<br>
<label for="txtDOB">Date of Birth:* </label>
<input id="txtDOB" type="text" name="txtDOB" size="12">
format: ##/##/####
<br>
.
.
.
</form>
.
.

我在我的 .js 文件中执行了以下操作

var errMessage = "";

function checkForm() {
    validateName();
    validateSurname();
    carSelect();
    validateDOB();

    if (errMessage == "") {
    } else {
        alert(errMessage);
    }
}

...

function validateDOB()
{
    var dob = document.forms["ProcessInfo"]["txtDOB"].value;
    var pattern = /^([0-9]{2})-([0-9]{2})-([0-9]{4})$/;
    if (dob == null || dob == "" || !pattern.test(dob)) {
        errMessage += "Invalid date of birth\n";
        return false;
    }
    else {
        return true
    }
}

我试图用正则表达式检查它是否有效，但即使我正确输入了日期，我也总是会收到警报。我怎样才能分开 DD / MM / YYYY 来计算年龄？

score 23 · Accepted Answer

如果要在格式中使用正斜杠，则需要在正则表达式中使用反斜杠进行转义：

var pattern =/^([0-9]{2})\/([0-9]{2})\/([0-9]{4})$/;

http://jsfiddle.net/P9TER/

score 13 · Accepted Answer

我建议使用moment.js，它提供了一种易于使用的方法来执行此操作。

互动演示

function validate(date){
    var eighteenYearsAgo = moment().subtract(18, "years");
    var birthday = moment(date);

    if (!birthday.isValid()) {
        return "invalid date";    
    }
    else if (eighteenYearsAgo.isAfter(birthday)) {
        return "okay, you're good";    
    }
    else {
        return "sorry, no";    
    }
}

要在页面中包含时刻，您可以使用 CDNJS：

<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.4.0/moment.min.js"></script>

score 8 · Accepted Answer

我会利用内置Date对象为我做验证。即使你从切换-到/你仍然需要检查月份是否在 0 到 12 之间，例如日期在 0 到 31 之间，年份在 1900 到 2013 之间。

function validateDOB(){

    var dob = document.forms["ProcessInfo"]["txtDOB"].value;
    var data = dob.split("/");
    // using ISO 8601 Date String
    if (isNaN(Date.parse(data[2] + "-" + data[1] + "-" + data[0]))) {
        return false;
    }

    return true;
}

有关更多信息，请参阅https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse#Example:_Using_parse。

score 5 · Accepted Answer

如果要在格式中使用正斜杠，则需要在正则表达式中使用反斜杠进行转义：

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

score 4 · Accepted Answer

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script>
    function dateCheck() {
        debugger;

        var inputValues = document.getElementById('dateInput').value + ' ' + document.getElementById('monthInput').value + ' ' + document.getElementById('yearInput').value;

        var d = new Date();
        var n = d.getHours();
        var m = d.getMinutes();
        var p = d.getSeconds();

        var date = document.getElementById("dateInput").value;
        var month = document.getElementById("monthInput").value;
        var year = document.getElementById("yearInput").value;

        var dateCheck = /^(0?[1-9]|[12][0-9]|3[01])$/;
        var monthCheck = /^(0[1-9]|1[0-2])$/;
        var yearCheck = /^\d{4}$/; 

        if (month.match(monthCheck) && date.match(dateCheck) && year.match(yearCheck)) {

            var ListofDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];

            if (month == 1 || month > 2) {
                if (date > ListofDays[month - 1]) {
                    alert('Invalid date format!');
                    return false;
                }
            }

            if (month == 2) {
                var leapYear = false;
                if ((!(year % 4) && year % 100) || !(year % 400)) {
                    leapYear = true;
                }

                if ((leapYear == false) && (date >= 29)) {
                    alert('Invalid date format!');
                    return false;
                }

                if ((leapYear == true) && (date > 29)) {
                    alert('Invalid date format!');
                    return false;
                }

            }
            var flag = 1
        }

        else {
            alert("invalid date");


        }
        if (flag == 1) {
            alert("the date is:" + inputValues + " " + "The time is:" + n + ":" + m + ":" + p);
        }

        clear();
    }

    function clear() {
        document.myForm.dateInput.value = "";
        document.myForm.monthInput.value = "";
        document.myForm.yearInput.value = "";
    }


</script>

</head>


<body>  
    <div>  
        <form name="myForm" action="#">   
            <table>
                <tr>
                    <td>Enter Date</td>
                    <td><input type='text' name='dateInput' id="dateInput" placeholder="Date"  maxlength="2" onclick="dateCheck(document.myForm.dateInput)" onkeypress="return event.charCode === 0 || /\d/.test(String.fromCharCode(event.charCode));"/></td>
                    <td><span id="span1"></span></td>
                </tr>
                <tr>
                    <td>Enter Month</td>
                    <td><input type='text' name='monthInput' id="monthInput" placeholder="Month"  maxlength="2" onclick="dateCheck(document.myForm.dateInput)" onkeypress="return event.charCode === 0 || /\d/.test(String.fromCharCode(event.charCode));"/></td>
                    <td><span id="span2"></span></td>
                </tr>
                <tr>
                    <td>Enter Year</td>
                    <td><input type='text' name='yearInput' id="yearInput" placeholder="Year" minlength="4" maxlength="4" onclick="dateCheck()" onkeypress="return event.charCode === 0 || /\d/.test(String.fromCharCode(event.charCode));"/></td>
                    <td><span id="span3"></span></td>
                </tr>

                <tr>
                    <td></td>
                    <td><input type="submit" name="submit" value="Submit" onclick="dateCheck()"/></td>
                </tr>
            </table>
        </form>  
    </div>   
</body>  
</html>
<td>

score 2 · Accepted Answer

使用模式和检查验证：

var input = '33/15/2000';

var pattern = /^((0[1-9]|[12][0-9]|3[01])(\/)(0[13578]|1[02]))|((0[1-9]|[12][0-9])(\/)(02))|((0[1-9]|[12][0-9]|3[0])(\/)(0[469]|11))(\/)\d{4}$/;

alert(pattern.test(input));

score 1 · Accepted Answer

您已为此格式使用了正则表达式：DD - MM- YYYY

如果您需要这种格式 DD/MM/YYYY，请使用

var pattern =/^([0-9]{2})\/([0-9]{2})\/([0-9]{4})$/;

score 1 · Accepted Answer

这是两个问题 - 斜线是正确的位置，它是一个有效的日期。我建议您捕捉输入更改并将斜线放在自己身上。（对用户来说很烦人）

有趣的问题是他们是否输入了有效的日期，我建议利用 js 的灵活性：

function isValidDate(str) {
  var newdate = new Date();
  var yyyy = 2000 + Number(str.substr(4, 2));
  var mm = Number(str.substr(2, 2)) - 1;
  var dd = Number(str.substr(0, 2));
  newdate.setFullYear(yyyy);
  newdate.setMonth(mm);
  newdate.setDate(dd);
  return dd == newdate.getDate() && mm == newdate.getMonth() && yyyy == newdate.getFullYear();
}
console.log(isValidDate('jk'));//false
console.log(isValidDate('290215'));//false
console.log(isValidDate('290216'));//true
console.log(isValidDate('292216'));//false

score 0 · Accepted Answer

要获取值，请使用 pattern.exec() 而不是 pattern.test() （ .test() 返回一个布尔值）。

score 0 · Accepted Answer

         if(!/^(0?[1-9]|[12][0-9]|3[01])[\/\-](0?[1-9]|1[012])[\/\-]\d{2}$/.test($(this).val())){
                     alert('Date format incorrect (DD/MM/YY)');
                     $(this).datepicker('setDate', "");
                     return false;
                }

此代码将验证日期格式 DD/MM/YY

score 0 · Accepted Answer

日和月前导零

var pattern =/^(0[1-9]|1[0-9]|2[0-9]|3[0-1])\/(0[1-9]|1[0-2])\/([0-9]{4})$/;

并且在日期和月份中都有前导零/没有前导零

var pattern =/^(0?[1-9]|1[0-9]|2[0-9]|3[0-1])\/(0?[1-9]|1[0-2])\/([0-9]{4})$/;

score 0 · Accepted Answer

我使用我找到的代码@。w3资源

代码负责

小于 12 个月，
天数少于 32
甚至适用于闰年。在我的项目中使用闰年时，我修改了代码，例如

if ((lyear==false) && (dd>=29))
{
alert('无效的日期格式！');
返回假；
}

if ((lyear==false) && (dd>=29))
{
alert('不是闰年 2 月不能超过 28 天');
返回假；
}

而不是抛出对用户没有多大意义的通用“无效日期格式”错误。我修改了其余代码以提供有效的错误消息，例如月份不能超过 12、天不能超过 31 等，

使用正则表达式的问题是很难准确识别出哪里出了问题。它要么给出一个 True 要么给出一个 false - 没有任何失败的原因。我们必须编写多个正则表达式来对这个问题进行排序。

score 0 · Accepted Answer

var date=/^[0-9]{1,2}\-[0-9]{1,2}\-[0-9]{1,4}$/;

if(!date.test(form.date.value))

alert("Enter correct date");

else
alert(" working");

score 0 · Accepted Answer

当我们只放置模式时，检查每个可能的日期组合并不简单。用户可以输入有效数字，例如 99/99/9999，但这不是有效日期。即使我们将天数和月份限制为更严格的值（30/31 天和 0-12 个月），我们仍然可能会遇到闰年、二月等情况，并且我们无法使用正则表达式正确验证它们。所以更好的方法是使用日期对象本身。

let InputDate = "99/99/9999"
let pattern =/^([0-9]{2})\/([0-9]{2})\/([0-9]{4})$/;
let editDate = InputDate.replace("\/","-")

let dateValidation = function validation(){
  
if(pattern.test(InputDate) && new Date(editDate) == 'Invalid Date'){
  return false;
}else{
  return true;
}

}

console.log(dateValidation()) //Return false

score 0 · Accepted Answer

0

如果您使用moment的是单行代码：

moment(date).format("DD/MM/YYYY").isValid()

于 2018-06-13T11:16:20.867 回答

score 0 · Accepted Answer

您可以使用 html 标记的属性而不是来自 html 输入类型的验证 ="date" 可以用来代替验证它。这就是 html 5 给你的好处

javascript - Javascript 日期验证 (DD/MM/YYYY) 和年龄检查

16 回答 16

互动演示

Related

Reference