HTML和Javascript:防止在表单中提交未填写的输入

HTML和Javascript:防止在表单中提交未填写的输入,javascript,html,Javascript,Html,所以基本上现在我正在构建一个注册页面,我对HTML和JS非常熟悉,我试图阻止用户提交未填写的输入,但我只在HTML上添加了一个“必需”标记。因此,现在如果用户在开发者控制台(f12)中删除“required”标记,他们就可以提交一个空表单,我该如何防止这样做呢?我在javascript上尝试了这一点,但似乎不起作用: 函数验证(){ var msg=“”, 字段=document.getElementById(“用户名”).getElementsByTagName(“输入”); 对于(变量i=

所以基本上现在我正在构建一个注册页面,我对HTML和JS非常熟悉,我试图阻止用户提交未填写的输入,但我只在HTML上添加了一个“必需”标记。因此,现在如果用户在开发者控制台(f12)中删除“required”标记,他们就可以提交一个空表单,我该如何防止这样做呢?我在javascript上尝试了这一点,但似乎不起作用:

函数验证(){
var msg=“”,
字段=document.getElementById(“用户名”).getElementsByTagName(“输入”);
对于(变量i=0;i=0)
返回false;
};
document.getElementById(“密码”).onkeypress=函数(e){
var chr=String.fromCharCode(e.which);
如果(“`~!@$%^&*()-=+\/*-+?,?>=0)
返回false;
};

温特卡物联网
用户名
密码
电子邮件

用户始终可以修改前端。您应该在后端检查空请求。您试图实现的是来自意外请求的额外安全层,但是想要提交空请求的人会找到方法。
你该怎么办?

检查后端中的每个字段,查看它是否为空请求,方法是检查长度,如果长度小于所需值,则可以忽略该请求。

我已经这样做了,但JS或HTML中是否有其他方法可以防止这种情况发生?遗憾的是,没有。用户可以修改客户端上发生的任何事情。您必须始终在服务器端创建验证以防止攻击。您的代码很好,但是,它只会停止意外的单击或不知道开发人员工具是什么的用户。他们甚至可以从应用程序发出请求,例如。谢谢,伙计,我将使用后端:)