Javascript 为html表单中的必填字段设置验证操作 我努力实现的目标

我尝试创建一个带有必填字段的表单。如果用户提交表单时未填写所有提交的字段，则字段边框应变为红色，并且标准消息“请填写此字段”不应出现

以下表格是一个简单的工作示例：

试验
您的姓名：




您的电子邮件：




信息：

我试过的 我已尝试将自定义验证消息设置为空字符串：

函数无效（e）{
e、 设定有效期（“”）；
e、 style.border='3px纯红'；
}

这不起作用（在firefox和chrome中）

---

我也在某个地方读到（不幸的是，我再也找不到链接）我必须将其设置为一个空格：

函数无效（e）{
e、 设定有效期（“”）；
e、 style.border='3px纯红'；
}

这确实适用于chrome，但不幸的是，它不适用于firefox（消息框中仍然显示一个空格）

---

我终于尝试阻止默认设置：

函数无效（e）{
e、 预防默认值（）；
e、 style.border='3px纯红'；
}

这不适用于firefox和chrome

问题:

---

是否可以完全防止所有浏览器出现消息错误？

我刚刚测试过，它可以工作

（函数（）{
document.addEventListener（'无效'，（函数（）{
返回函数（e）{
//阻止浏览器显示默认错误气泡/提示
e、 预防默认值（）；
//可以选择启动一些自定义验证处理程序
//myValidation（）；
};
})（），对）；
})();
函数无效（e）{
e、 style.border='3px纯红'；
}

试验
您的姓名：




您的电子邮件：




信息：

虽然by正在工作，但我想分享我自己的解决方案：

试验
您的姓名：




您的电子邮件：




信息：




//获取类名为“validInput”的元素数组
让elements=document.getElementsByClassName（'validInput'）；
//迭代元素
for（设i=0；i

尝试将novalidate添加到表单中tag@cojack这并不能解决问题，因为这样用户就可以提交表单，而无需填写必填字段。