如何在 Chrome 中检查 input type="date" 的（空）值

Question

I want to check if the user entered a date. But I can't figure it out how to do it.

Here's some javascript code what i already got but doesn't work :

var valueDate = document.getElementById('Date').value;
if ( valueDate== null || valueDate== '')
{
    alert('Date is empty');
    return false;
}

And the HTML <input type="date" name="Date" id="Date"/> Thanks in advance!

Answer 1

You could check for a falsy value:

if (!valueDate) {
    // ...
}

The falsy values in JavaScript are:

1. undefined
2. null
3. false
4. ""
5. 0 and -0
6. 0n
7. NaN

Since document.getElementById('Date').value is always of type string if a value is set, you don't get false positives like 0 being treated like no input, which would be the case if the type was number .

Answer 2

I would try using Date.parse() if I were you.

var valueDate = document.getElementById('Date').value;

if(!Date.parse(valueDate)){
  alert('date is invalid');
}

http://www.w3schools.com/jsref/jsref_parse.asp

Answer 3

I would do this

var valueDate = document.getElementById('Date').value;

if (!valueDate) {
  alert('date is invalid');
}else{alert('date is valid')}