在将数据发送到 PHP 脚本之前，Javascript 重新加载页面

Question

背景: 我想创建一个登录表单，用户输入“用户ID”和“密码”。 我的 JavaScript 文件检查某些参数。如果数据不符合 有了他们，我的页面就会重新加载。 如果数据获得批准，则在检查 JavaScript 我的 PHP 脚本后 开始并做其他事情。

问题:我遇到的问题是，即使数据不符合 JavaScript 检查，我的页面也不会重新加载。它不断将数据发送到我的 PHP 脚本。

这是我不想要的。

我想重新加载同一页面而不发送到 PHP。我想在数据通过 JavaScript 检查后将数据发送到 PHP。

代码:

HTML 部分

JavaScript 部分

谢谢

如果你们能提出一种解决这种情况的方法，那就太好了。

谢谢。

Answer 1

您的方法不正确，如果没有有效条目，您不需要重新加载页面，我建议执行类似于以下操作的操作:

function checkForm(){
  if(document.getElementById("whatever").value != 'xyz') {
    console.log("False !")
    return false;
  }
  return true
}

<form action="something.php" onsubmit="return checkForm()">
<input type="text" id="whatever">
<input type="submit">
</form>