会，button 的 form 属性正确指向表单 id 且 type="submit" 时，点击即触发完整原生校验（required/pattern/min/max 等），失败则阻断提交并提示；若未校验，常见原因是未设 type="submit"、form 属性值不匹配或表单含 novalidate。
form 属性提交会触发原生校验吗
会，只要按钮是 type="submit" 且 form 属性值正确指向页面中某个 <form></form> 的 id，点击后就完全等同于在那个表单内部点击了 submit 按钮——包括 required、pattern、min/max 等所有约束都会被检查，失败时阻断提交并弹出提示。
为什么点了 button 却没校验、直接提交了
常见原因有三个：
-
button没写type="submit"（默认是type="button"，不触发表单行为） -
form属性值和目标<form id="xxx"></form>不匹配（大小写、空格、拼写错误都算失败，且静默忽略） - 目标
<form></form>上加了novalidate属性（它会全局禁用所有原生校验，无论怎么提交）
pattern 和 required 在跨表单提交时还生效吗
生效，但要注意限制条件：
DeepBI DHTML 页面生成器
下载
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
-
pattern只对文本类控件有效：如type="text"、type="email"、type="tel"；对type="number"完全无效 -
pattern必须锚定首尾：pattern="^[0-9]{6}$"才严格匹配 6 位数字；写成pattern="[0-9]{6}"会被当作子串匹配，导致 "abc123def" 也通过 -
required对空值生效，但对用户未 interaction 过的字段，初始validity.valid是true，首次blur或提交时才真正校验
想手动校验或兼容旧浏览器怎么办
不能依赖 form.submit()，它绕过一切校验。稳妥做法是监听目标表单的 submit 事件，或在按钮点击时主动调用：
立即学习“前端免费学习笔记（深入）”；
- 对整个表单：用
form.checkValidity()判断，再决定是否发请求 - 需要提示反馈：调
form.reportValidity()（注意 Firefox 不自动滚动到错误字段） - 清空自定义错误必须用
input.setCustomValidity("")，否则旧错误状态残留，后续永远校验失败
跨表单场景下，event.submitter 在 submit 事件里能准确拿到触发按钮（Safari 15.4+ 支持），但旧版需靠 data-action 配合 click 事件标记。
