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

Answer 2

我认为您的拼写存在问题，即

document.getElementById("ExpStartDateDate").value;

就像这样

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

希望这会有所帮助。

是否无法检查空白日期OnClick？

2 个答案: