javascript - 如何在html中隐藏 "maxlength"

Question

下面是我在注册和登录表单上使用的代码，限制用户输入有限数量的字符:

$( "#limit1" ).attr('maxlength','11').on('input', function() {
if ($(this).val().length>=11) {
    alert('Maximum 11 characters are allowed!');       
}
});

但是，通过“检查元素”，他们可以编辑 html 中的最大长度并提交表单。

那么我怎样才能阻止这个呢？我正在寻找任何合适的解决方案来防止用户注册/输入超过允许的字符。

Answer 1

作为 Web 开发的经验法则，永远不要相信任何客户端输入，因为无法阻止任何人在 Web 浏览器中打开开发人员工具，并且编辑他们想要的内容。此外，大多数注册页面垃圾数据都来自机器人，它们会直接发布到您的注册页面，甚至不需要您编写任何检查。

因此，虽然您可以在客户端进行一些额外的检查以避免实时服务器检查并保持网站快速运行，但您必须始终检查服务器端的数据，并相应地通知客户端如果他尝试在表单中输入不正确的数据。

有些答案需要 JavaScript 才能工作。许多机器人只是忽略 JavaScript，并根据需要将一些数据发布到您的服务器，并且不会受到任何客户端代码的干扰。

所以只需在服务器端验证数据即可。