Validating input date field

Question

How do you validate for a valid & empty input type=date field? I want to make sure that my date of birth field should not be = today's date or any date of today. Here are my codes

HTML

<label for="dob">Date of Birth:</label>
<input type="date" name="dob" id="dob"  max="21/11/2017" required/>

JavaScript

else if (dob == "") {
  alert("Please enter a date of birth");
  $("#dob").focus();
  validate = false;
}

The validation for the empty field doesn't work even though I use the same method for the other fields in my form.

We need to see more of your code, specifically don't make us guess what that `dob` variable contains. Please update your question with a [mcve] demonstrating the problem, ideally a **runnable** one using Stack Snippets (the `[<>]` toolbar button; [here's how to do one](https://meta.stackoverflow.com/questions/358992/ive-been-told-to-do-a-runnable-example-with-stack-snippets-how-do-i-do-tha)). — T.J. Crowder, Nov 21 '17 at 07:25
refer this - https://stackoverflow.com/questions/10982386/jquery-how-to-validate-a-date-of-birth-using-jquery-validation-plugin — Tushar Walzade, Nov 21 '17 at 07:25
And this is the exact scenario for you - http://jsbin.com/inalu3/3/edit?html,output — Tushar Walzade, Nov 21 '17 at 07:27
Please Refer: https://stackoverflow.com/questions/29445909/to-check-whether-current-date-is-not-less-than-present-date-in-dd-mm-yyyy-format — Nilesh Mahajan, Nov 21 '17 at 07:28

score 1 · Answer 1 · 2017-11-21T11:07:14.127

1

The format must be

yyyy-mm-dd

<label for="dob">Date of Birth:</label>
<input type="date" name="dob" id="dob"  max="2017-11-21" required/>

Cross-browser way

Here's an example from developer.mozilla.org https://jsfiddle.net/api/mdn/

edited Nov 21 '17 at 11:07

answered Nov 21 '17 at 07:58

1

And for browsers that don't support input type date? – RobG Nov 21 '17 at 09:42
Date format was given by TO with dd/mm/yyyy. Why do you change it? – zuluk Nov 21 '17 at 09:51

score -2 · Answer 2 · answered Nov 21 '17 at 07:36

-2

You can use typeof($("#dob").val())==='undefined'

  else if (typeof($("#dob").val())==='undefined') {
    alert("Please enter a date of birth");
    $("#dob").focus();
    validate = false;      
}

answered Nov 21 '17 at 07:36

Ashiqur Rahman Emran

208
2
12

Validating input date field

2 Answers2