Validate date of birth greater than today?

Question

How to validate html <input type='date'/> is greater than today?

The following is my code:

<div class="form-group">
<label class="col-sm-2" for='id_dateOfBirth'>Birth Date </label>
<div class="col-sm-10">
    <input class='form-control' name="dateOfBirth" id='id_dateOfBirth' type='date'>
</div>

I want to check whether date is greater than today using JavaScript.

What have you tried by yourself? What is not working? Please show us your code. — Ionut Necula, Mar 10 '17 at 07:56
okay i want a javascript which validate date of birth is greater than today? — rahul.m, Mar 10 '17 at 07:57
i want to check that entered dob is greater than today or not . — rahul.m, Mar 10 '17 at 07:59
Do you know how to write JavaScript? Have you done any research on how to validate input? And what do you mean by "greater than today"? — 4castle, Mar 10 '17 at 07:59
OP may be wanting to restrict the date input value be not a future date — Ravinder Reddy, Mar 10 '17 at 08:00
@OP: use a date picker library that allows to disable future dates. — Ravinder Reddy, Mar 10 '17 at 08:02
@OP: here is what you need http://stackoverflow.com/a/22006447/767881 — Ravinder Reddy, Mar 10 '17 at 08:04
@RavinderReddy using a library for such small things does not make any sense to me. May be you need to do something else. — Nitesh Goyal, Mar 10 '17 at 08:29
_**@NiteshGoyal**_: read the solution given at referred SO link. simple solution. no explicit disabling is required. — Ravinder Reddy, Mar 10 '17 at 08:34

score 13 · Accepted Answer · edited Dec 05 '17 at 15:24

13

What I understand from your question is - "Before posting the form, you'd like to check if the DOB field has a date that must not be greater than today's date.". If this is correct, then try this, Hope this help -

<script type="text/javascript">
    function checkDOB() {
        var dateString = document.getElementById('id_dateOfBirth').value;
        var myDate = new Date(dateString);
        var today = new Date();
        if ( myDate > today ) { 
            $('#id_dateOfBirth').after('<p>You cannot enter a date in the future!.</p>');
            return false;
        }
        return true;
    }
</script>

edited Dec 05 '17 at 15:24

Chandra Prakash

23
6

answered Mar 10 '17 at 08:01

Nitesh Goyal

586
5
11

1

If someone is not agreed with the answer, then please let us know the reason before giving a negative vote. Thanks! – Nitesh Goyal Mar 10 '17 at 08:06
thx it works very fine for met – rahul.m Mar 10 '17 at 08:06
@stone If you are happy with the answer then you can upvote the answer for me :-) – Nitesh Goyal Mar 10 '17 at 08:07
how to use checkDOB() it should rasie error in input box not an popup – rahul.m Mar 10 '17 at 08:15
Replace the alert statement in the checkDOB method with the code - $('#id_dateOfBirthr').after('
You cannot enter a date in the future!.
'); – Nitesh Goyal Mar 10 '17 at 08:27

score 1 · Answer 2 · answered Mar 10 '17 at 08:07

1

If you can use php do: <input type="date" name="date1" max=<?php echo date('Y-m-d'); >

if only js:

document.getElementById("id_dateOfBirth").setAttribute("max", today);

where today is eg 2017-03-10 to get this date use eg :

      new Date().toJSON().split('T')[0]

answered Mar 10 '17 at 08:07

MaoStream

188
9

You'll block put higher date than today in this case – MaoStream Mar 10 '17 at 08:10

Validate date of birth greater than today?

2 Answers2