仅当表单不为空时如何重定向，JavaScript 验证

Question

现在即使输入字段为空，如果按下提交按钮，它会显示 alert"message": 然后重定向到 window.location="URL"

我正在寻找的是它只显示完成警报并在填写输入字段时重定向

        <form>
            <input type="text" placeholder="enter name here">

            <input type="number" placeholder="enter number here">

            <input type="submit" id="submitbutton" value="submit">
        </form>

    </center>
</body>
  
<script type="text/javascript">

    const submitit = document.getElementById('submitbutton');

    submitit.addEventListener("click",function(){
        alert("Done, Meanwhile check our website");
        window.location="https://www.google.com";   
    });

</script>

Answer 1

试试这个

<form>
  <input id="name" type="text" placeholder="enter name here">

  <input id="number" type="number" placeholder="enter number here">

  <input type="submit" id="submitbutton" value="submit">
</form>

和 JavaScript：

const submitit = document.getElementById('submitbutton');

submitit.addEventListener("click", function(e) {
  // prevent form from being submitted
  e.preventDefault();

  alert("Done, Meanwhile check our website");

  const name = document.getElementById('name');
  const number = document.getElementById('number');

  if (name.value !== '' && number.value !== '') {
    window.location = "https://www.google.com"; 
  }  
});

演示 - https://jsfiddle.net/vyspiansky/v7yjwL6x/