Question

我正在使用带按钮的bootstrap样式表单。按钮的功能是仅在表格中的输入全部填写时移动到不同的页面。因此，我添加了＃34; required＆＃34;在输入标签中。我还添加了window.location =＆＃34; url＆＃34;在按钮的javascript函数中。但是，这样做会导致重定向到新页面而忽略输入为空的事实。因此，在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;添加到登录功能的末尾。

Bootstrap按钮到新页面

1 个答案: