javascript - 是否无法检查 OnClick 中的空日期？

Question

我需要检查日期值是否为空，如果是，则显示一个弹出窗口说明它是空的。

经过一番搜索，我遇到了与我相同的问题，该值永远不会为空，因为它被固定为默认的“mm/dd/yyyy”值。

这个问题的答案是 JsFiddle 工作完美，但是，当我尝试将它插入到我的代码中时，我无法让它工作。这是我的代码:

                        <tr>
                        <td colspan="2"> <input type="Date" name='ExpStartDate' style="font-size: 8pt; width: 130px; height: 30px; font-weight:bold; font-size:12px; display:none" id=ExpStartDate style='display:none;'></td>
                        </br>
                        </tr>

                        <tr>
                        <td>
                                <input class="botao" name="submitButton" type="submit" value="Update"  onclick="CheckEmpty()" style="width: 120px;">
                        </td>
                        </tr>

                        <SCRIPT language=JavaScript type="text/javascript">
                      function CheckEmpty(){
                      var date = document.getElementById("ExpStartDate").value;
                       if (!date) {
                       alert("No value!")
                      }
                 }
        </script>

我的第一个假设是 OnClick 函数存在问题，因为可能由于某种原因无法调用该函数并使其工作。那么，我该用什么来替换它呢？

Answer 1

更正 getElementById 中的元素 ID。

function CheckEmpty() {
  var date = document.getElementById("ExpStartDate").value;
  console.log(date);
  if (!date) {
    alert("No value!")
  }
}

<input type="date" name='ExpStartDate' style="font-size: 8pt; width: 130px; height: 30px; font-weight:bold; font-size:12px" id="ExpStartDate">

<input class="botao" name="submitButton" type="submit" value="Update" onclick="CheckEmpty()" style="width: 120px;">