时间戳

首页 > 解决方案 > 如何为无效输入创建错误警报？

javascript - 如何为无效输入创建错误警报？

问题描述

我正在创建一个日期输入，如果日期输入留空，我想要一个错误警报。

目前我有但它不起作用：

<!Doctype html>
<html>
<head>

<script type="text/javascript">
function validateDate(value) {
  var a = document.getElementById("date").value;
  if (a = = = "") {
    window.alert("Error");
    return false;
  }
}
</script>
</head>
<body>
<h1>Tee Time Sign-up Form</h1>
<form>
 <div id="teeDate">
      Date:<input type=“date” id=“date” name=“date”&gt;<br>
     <button id=teeTime onClick="validateDate()">Submit</button><br>
</div>
</form>
</body>
</html>

标签： javascripthtmljquery

解决方案

不要在您的运算符中添加空格，使用===not ，如果不是空字符串，则= = =更好地使用a !== ""a

试试这个：

<!DOCTYPE html>
<html>
  <head>
    
  </head>
  <body>
    <h1>Tee Time Sign-up Form</h1>
    <form>
      <div id="teeDate">
        Date:<input type="date" id="date" name="date" /><br />
        <button id="teeTime">Submit</button><br />
      </div>
    </form>
    <script type="text/javascript">
      var button = document.getElementById("teeTime");

      function validateDate(value) {
        if (value === "") {
          window.alert("Error");
          return false;
        }
      }

      button.addEventListener("click", function (e) {
        var value = document.getElementById("date").value;
        validateDate(value);
      });
    </script>
  </body>
</html>

推荐阅读