Javascript HTML5表单验证

在调用

onsubmit

事件处理程序之前，是否有办法强制执行HTML5必需的字段验证？或者，是否有一种方法可以从

onsubmit

事件处理程序中执行HTML5所需的验证

我的web表单包含多个HTML5

元素和必需的属性。表单的

onsubmit

事件处理程序是使用

onsubmit=“PerformWork（）；”

HTML标记分配的

---

字段验证在没有事件处理程序的情况下可以完美地工作。但是，当我添加处理程序时，验证停止工作，而调用事件处理程序

请发布相关代码好吗？element.checkValidity（）与以前在一个elm上提交的代码相同。您可以执行onchange=“this.checkValidity（）”一段时间以来，使用内联事件属性分配事件处理程序一直被认为是不好的做法。“应避免使用这些属性。这会使标记更大，可读性更低。内容/结构和行为的关注点没有很好地分开，使错误更难发现。此外，使用事件属性几乎总是导致脚本在窗口对象上公开全局函数，从而污染全局命名空间。”根据我的经验，当表单无效时，使用addEventListener添加的submit事件没有被触发。@pwdst发布报价的来源很好，因此我们知道您从何处获得报价。我创建了一个工作示例，说明如果使用addEventListener进行附加，则当表单无效时不会触发submit处理程序。