如果输入字段为空，如何重新加载页面

【问题标题】：how to reload the page if input field is empty如果输入字段为空，如何重新加载页面
【发布时间】：2021-11-05 15:24:47
【问题描述】：

我在这个功能上需要一点帮助。如果 msg(input) 字段为空，我想在 10 秒后刷新页面。

此时页面正在刷新，即使我在文本字段中输入内容。

<input type="text" name="message" id="checkmsg" required />


<script>
    var msg = document.getElementById("checkmsg").value;
    console.log(msg);
    function RefreshPage() {
        setTimeout(function () {
            if (msg === "") {
                window.location.reload();
            }
        }, 10000);
    };
    
    RefreshPage()
</script>

【问题讨论】：

标签： javascript

【解决方案1】：

您将在元素加载后立即获取输入值，而不是在 10 秒后。页面加载时的值为""，因此您总是会重新加载。

您应该在setTimeout 函数中获取输入值。只需在其中移动 msg 声明：

<input type="text" name="message" id="checkmsg" required />


<script>
  function RefreshPage() {
    setTimeout(function() {
      var msg = document.getElementById("checkmsg").value;
      console.log(msg);
      if (msg === "") {
        window.location.reload();
      }
    }, 10000);
  };

  RefreshPage()
</script>

【讨论】：