html5原生表单校验在ie9及以下完全失效，ie10–11存在行为不一致；应添加novalidate禁用原生校验，改用js手动校验并统一反馈，placeholder等需js模拟，推荐按需加载webshims.polyfill('forms')。
HTML5 原生表单校验（如 required、type="email"、pattern、minlength）在 IE9 及以下版本中完全不被识别，IE10–11 虽支持部分特性，但存在行为不一致或伪类失效等问题。降级不是“让它看起来像”，而是确保表单仍能提交、验证逻辑可控、用户反馈明确。
先禁用原生校验，避免静默失效
在低版本浏览器中，原生校验既不可靠也不可预测——比如 IE9 会忽略 required 却不报错，用户误以为无需填写；IE10/11 对 type="number" 的输入过滤无法被 novalidate 关闭。因此，最稳妥的第一步是主动关闭：
- 给
<form></form>添加novalidate属性（IE9 及以下虽不识别该属性，但本身就不支持校验，天然“已禁用”） - 避免混用
required+novalidate，以防现代浏览器误触发而旧浏览器无感知 - 若需保留部分字段的语义（如标记必填），可用自定义
data-required替代，后续由 JS 统一处理
用 JS 实现轻量、可兜底的手动校验
不依赖浏览器内置逻辑，自己控制校验时机和反馈，才能真正跨版本一致：
- 监听表单
submit事件，在其中遍历所有带data-required或data-pattern的字段 - 对
type="email"字段，用正则/^[^\s@]+@[^\s@]+\.[^\s@]+$/校验，不依赖浏览器解析 - 校验失败时，调用
input.setCustomValidity("错误提示")并立即执行input.reportValidity()，兼容 IE10+；IE9 及以下直接操作 DOM 添加错误 class 和提示文案 - 避免使用
:valid/:invalid伪类做样式反馈——IE9 完全不支持，统一改用.is-valid/.is-invalid类名控制
placeholder、autocomplete 等辅助属性要单独模拟
这些属性在 IE9 及以下连 DOM 属性都不存在（input.placeholder === undefined），不能只写 HTML：
-
placeholder：监听focus和blur，动态插入/移除文字节点，且确保不污染input.value -
autocomplete="new-password"：IE10+ 才开始支持，老版本直接忽略，无需模拟；若涉及密码生成器兼容，建议后端返回一次性 token 或交由独立密码管理器处理 - 所有校验提示文案统一走 JS 插入
<span class="error-msg"></span>，不依赖::-webkit-validation-bubble等私有伪元素
生产环境推荐分层加载 polyfill
不建议全局引入重型 polyfill，按需补能力更稳定：
- 仅针对表单能力：引入 webshim，调用
webshims.polyfill('forms')，它会自动检测并补全required、pattern、setCustomValidity等 API - 避免
webshims.polyfill('all')——体积大、加载慢、易与现有 JS 冲突 - 搭配条件注释，只在 IE8–IE9 加载：
<!--[if lt IE 10]><script src="js-webshim/minified/polyfiller.js"></script><script>webshims.polyfill('forms');</script><![endif]-->
