JQuery验证失败

Question

在表单中，用户应该输入他的手机号码。我的页面应该检查长度是否为10.我是通过使用jquery来完成它，如果长度不是10，则使用.attr()函数禁用提交按钮。工作正常。但使用浏览器的“检查元素”选项，用户将能够启用按钮并提交无效的手机号码。

如何解决这个问题？

Answer 1

用户将始终能够添加/删除DOM中的属性和元素以使表单有效 - 对此您绝对无能为力。

因此，您应该总是验证服务器上接收到的数据。客户端验证对用户来说纯粹是一种方便。服务器端验证对业务至关重要。

Answer 2

无论你做什么，用户总是能够绕过前端验证。前端代码总是发送给用户的机器执行（JavaScript）。

在前端验证用户输入以帮助合法用户，但始终在后端验证用户输入以防止恶意或好奇的用户。