javascript - 引导按钮到新页面

Question

我正在使用带有按钮的 Bootstrap 样式表单。该按钮的作用是仅当表单中的输入全部填写时才移动到不同的页面。因此，我在输入标签中添加了“required”。我还在按钮的 javascript 函数中添加了 window.location="url"。但是，这样做会导致重定向到新页面，而忽略输入为空的事实。因此，在 javascript 函数中，我添加了一些 if 语句来检查输入的字符串长度是否大于 0，并且仅当字符串长度大于 0 时才移动到新页面。但是，然后，即使填写了所有输入，页面也只是刷新而不会移动到新页面。有谁知道如何进行这项工作？

HTML 文件:

<form>
  <input id="email" required>
  <input id="password" required>
  <button onclick="login()">Log in</button>
</form>

JS文件:

function login() {
  var email = $("#email").val();
  var password = $("#password").val();

  if (email.length == 0 || password.length == 0) {
    return 1;
  }
  window.location = "index.html";
}

Answer 1

我认为问题在于表单正在提交。尝试将 return false; 添加到登录函数的末尾。