登录凭据错误时如何在HTML页面上显示错误消息？ （的cgi-bin）

Question

我现在正在制作一个简单的WIFI启动页面。如果凭据正确，它将打开一个URL。但是，我不知道如何处理错误的登录凭据。 （它只在使用错误的用户名和密码提交时刷新页面。）

这是我的HTML代码：

<form method=POST action="https://securelogin.*******.com/cgi-bin/login">
  <div class="row">
      <label>Username:</label>
      <input name=user class="u-full-width" type="text">
      <label>Password:</label>
      <input name=password class="u-full-width" type="password">
      <input name=cmd value="authenticate" type="hidden">
      <input name=url value="http://www.google.com/" type="hidden">
  </div>

  <div class="row">
      <input class="button-primary" type="submit" name="Login" value="I Agree">
  </div>
</form>

预期行为：如果凭据错误，请在表单中的某处显示错误消息。

问题：我不知道在凭据错误时添加哪些代码来触发错误消息的位置。

我做了一些研究。似乎人们通常使用 php / js 来处理它。我不确定这是不是我应该做的，因为我不知道代码中的动作链接是如何工作的，特别是“cgi-bin”部分。我唯一知道的是它将是对服务器的RADIUS调用来验证凭据。无法更改操作链接。

请帮忙。非常感谢你。

Answer 1

您可以使用JQuery库在Javascript中执行此操作。 Javascript将处理POST请求并从您的登录页面获取数据，而不是将您的表单作为POST请求提交。

您需要$ .post（）来发送POST请求，$ .toggle（）来显示或隐藏错误消息元素。您甚至可以将帖子页面中的错误消息设置为页面中的Javascript变量。该库非常简单易于实现。

https://api.jquery.com/jquery.post/

https://api.jquery.com/toggle/