Jquery 如果输入无效，如何保持在同一页面上，如果输入正确，如何继续？

基本上，我正在尝试在同一页上显示“不正确的用户名或密码”的登录表单，如果正确，则继续。我曾尝试研究与此相关的其他线程，但我无法理解它们的代码通常意味着什么。这是我的密码

        <div id="login">   
      <h1>Welcome Back!</h1>

      <form method="POST" action="http://localhost:3000/api/login" id="loginform">

        <div class="field-wrap">
        <label>
          Username<span class="req">*</span>
        </label>
        <input type="userID" id="userID" name= "userID" required autocomplete="off"/>
      </div>

      <div class="field-wrap">
        <label>
          Password<span class="req">*</span>
        </label>
        <input type="Password" id="Password" name="Password" required autocomplete="off"/>
      </div>

      <button class="button button-block"><input type="submit" id="submit" value="Log In"</button>

      </form>

如果输入的数据错误，我希望能够输出“不正确的用户名或密码”，并保持在同一页面上，如果正确，则继续操作，但原因是

action=”http://localhost:3000/api/login“

即使错误也会重定向到另一个页面，但我也需要此

操作=“…”

调用my api执行id和密码检查。任何帮助都是感激的，如果你认为这可能有助于解决我的问题，请链接该线程。谢谢

有些链接我已经看过了，但不明白：

---

如果验证失败，您只需从提交功能返回false。 请检查一下这里的小提琴。。 请看一下我为调用submit click操作而编写的HTML

function submitMe() {
  console.log("Called submit");
  return false;
}

---

只需在submit输入中添加一个

onclick

，该输入调用一个JS函数来验证值。如果其中一个值无效，函数只需返回

false

，该过程就会取消

此外，您还有一个输入错误：

<button class="button button-block"><input type="submit" id="submit" value="Log In"</button>

---

你有打字错误！将
中的
用户名
替换为
如果
条件为
用户ID
您好，我已按照您告诉我的方式尝试使用函数
submitMe（）
，但似乎不起作用。我使用if-else来决定是否返回true或false。这就是你的意思吗？还是说没有必要用if-else？你检查过我的小提琴了吗？如果您的情况是无法返回false以保持在同一页面上，或返回true以调用操作属性URL。发布一堆代码，以便我可以进行更改并将您想要的内容发送给您。我对我的javascript进行了一些更改，以更清楚地了解我所面临的问题。基本上，它意味着验证以及重定向到另一个页面，如果验证成功，那么它将返回true，如果不成功，它将返回false。此时此刻，无论我输入什么，都允许我登录，这不应该发生，所以请建议我该怎么做。我已经更新了你的小提琴，请检查-
<button class="button button-block"><input type="submit" id="submit" value="Log In"</button>

<button class="button button-block"><input type="submit" id="submit" value="Log In" /></button>