html5表单验证（不提交）答案

【问题标题】：html5 form validation (without submitting)html5表单验证（不提交）
【发布时间】：2023-03-13 16:41:01
【问题描述】：

我的应用程序中有一个模态 div，它包含表单元素，但我不想提交表单，值被写入页面上的其他 DOM 元素。

但是，我希望确保此模式中的字段在允许执行“确定”操作之前有效。

我需要这个在 IE9 中工作（IIRC 不支持 .checkValidity()）

所以，我要问的是，当我单击“确定”按钮（不是提交按钮）时，如何在不提交的情况下验证并显示此表单上的无效内容。

我希望尽可能多地使用 html5 功能（<input required /> 等）。

【问题讨论】：

【解决方案1】：

JQuery 有一个用于验证的插件，可以用来处理您想要完成的任务。

【讨论】：

【解决方案2】：

这是一个类似问题的链接：

html5 中的表单验证并非在所有浏览器中都有效，我们只需要等待，同时实现 javascript。

【讨论】：