如何在登录字段为空时不更改页面

Question

我正在添加一个登录系统到我的网站，我已经知道如何改变页面，但即使我的登录字段是空的，当我点击我的登录按钮它改变页面，就像我登录，而我不是。在添加a href='index.html'之前，当我点击登录按钮时，网站告诉我，我需要填写登录字段，但现在当我点击时，即使字段是空的，也没有错误信息，它改变了页面。抱歉，如果我的解释有点混乱，如果你需要更多的信息告诉我!：(下面是我的代码:

<form>
<input type="email" class="input-box" placeholder="Email" required>
<input type="password" class="input-box" placeholder="Password" required>
<button type="submit" class="submit-btn"><a href="index.html">Login</a></button>
<input type="checkbox"><span>remember me</span>
</form>

Answer 1

您可以使用几个选项来解决您的问题。

1. 正如其他人已经建议的那样，您可以使用JavaScript来验证输入字段的内容。这只是在客户端，将使您的服务器仍然容易受到攻击。你也应该做一个服务器验证，例如PHP，并且是100%安全的数据库约束验证。
2. 你可以简单地在HTML标签中设置约束:(min-length, max-length, pattern(正则表达式))等等......查看W3Schools网站了解更多详细信息。为了安全起见，我还是会使用1)的另一个选项!