Проверка даты Javascript (DD/MM/YYYY) и проверка возраста

Недавно я начал работу с 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, чтобы рассчитать возраст?

Ответы

Ответ 1

Если вы хотите использовать косую черту в формате, вам нужно бежать с помощью косых черт в регулярном выражении:

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

http://jsfiddle.net/P9TER/

Ответ 2

Я предлагаю использовать 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>

Ответ 3

Я бы использовал встроенный объект 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.

Ответ 4

Если вы хотите использовать косую черту в формате, вам нужно бежать с помощью косых черт в регулярном выражении:

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

Ответ 5

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

Ответ 6

Вы использовали регулярное выражение для этого формата: DD - MM-YYYY

Если вам нужен этот формат DD/MM/YYYY, используйте

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

Ответ 7

Это две проблемы - это косые слова в правильных местах и ​​это действительная дата. Я предлагаю вам уловить изменения ввода и поместить косые черты в себя. (раздражает для пользователя)

Интересная проблема заключается в том, установлены ли они в действительную дату, и я бы предложил использовать гибкие 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

Ответ 8

Чтобы получить значения, используйте pattern.exec() вместо pattern.test() (.test() возвращает логическое значение).

Ответ 9

         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

Ответ 10

с начальным нулем для дня и месяца

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})$/;

Ответ 11

Я использую код, который я нашел @. w3resources

Код заботится о

  • месяц меньше 12,
  • дней меньше 32

  • работает даже с високосными годами. При использовании в моем проекте для високосного года я изменяю код как

    if ((lyear = false) && (dd >= 29))
    {
    alert ( "Неверный формат даты!" ),
    return false,
    }

    if ((lyear = false) && (dd >= 29))
    {
    alert ( "не в году високосного года февраль не может быть больше 28 дней" ),
    return false,
    }

Вместо того, чтобы бросать общую ошибку "Недопустимый формат даты", которая не имеет особого смысла для пользователя. Я изменяю остальную часть кода, чтобы предоставить правильное сообщение об ошибке, например, месяц не может быть больше 12, дней не может быть больше 31 и т.д.,

Проблема с использованием регулярного выражения заключается в том, что трудно точно определить, что пошло не так. Это либо дает True, либо false - без каких-либо причин, почему это не удалось. Мы должны написать несколько регулярных выражений для сортировки этой проблемы.

Ответ 12

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");