Javascript 避免对浏览器开发人员工具中的输入进行操作

我们有我们的应用程序登录页面和登录页面“用户名”、“密码”和“登录”按钮中的3个字段 请参阅下面的步骤来解释我的问题 1） 我输入了一个有效的用户名 2） 我已打开浏览器开发工具并输入以下代码

document.getElementsByTagName("input").item(0).value = "";

然后清除“用户名”输入中的值。 但是表单仍然有效，所以启用了“登录”按钮，我可以登录，而无需在“用户名”输入中输入任何内容。 我们在登录页面中使用反应式表单

我的问题是，如果用户名输入被清除，那么按钮仍然启用，如果我禁用该按钮，我可以解决我的问题

---

或者，如何在清除用户名输入值时使表单无效这不是angular应用程序的问题。客户端安全性不是安全性，而是为了创建一致和合理的用户体验。这是一个服务器端安全性未正确实现的问题，因为服务器是安全性实际驻留的地方。

没有服务器端或显式客户端验证吗？您如何能够

登录而不输入任何内容
P.S.您无法避免来自开发工具的“操作”。您还需要在服务器端添加有意义的限制。客户端安全性仅用于用户可视化错误和节省用户时间。我输入了有效的用户名，并从chrome控制台清除，然后我可以使用我第一次输入的用户名登录，因为onchange未触发，所以它使用上次触发更改时输入的任何内容。