不能只靠 pattern 属性实现“至少一个字母+至少一个数字”校验，因 Safari 不支持环视、无法区分未完成与错误状态，且仅部分 input 类型支持；须用 JS 拆解原子条件实时校验，并后端严格复现。
不能只靠 pattern 属性实现“至少一个字母 + 至少一个数字”这类组合校验，它在 Safari 中不支持环视（(?=.*[a-zA-Z])），且原生验证无法区分“未完成”和“错误”状态。
pattern 属性对组合规则的支持很有限
浏览器对 pattern 的正则引擎支持不一致：Chrome/Firefox/Edge 能解析 (?=.*[a-zA-Z])(?=.*d)，但 Safari 14 及更早版本会直接跳过整条规则，导致校验形同虚设。即使能跑，pattern 也只在提交时触发，用户输到一半就卡住却得不到提示。
-
pattern="(?=.*[a-zA-Z])(?=.*d)[a-zA-Zd]{6,}"在 Safari 中大概率失效，别依赖 - 必须配
title，否则报错时只显示“请与所要求的格式匹配”，用户完全不知道缺什么 - 所有
input类型中，只有text、password、tel、email、url、search支持pattern；number或date类型会忽略它
用 JavaScript 的 test() 做实时、可拆解的组合校验
核心是把原子条件拆开，分别测试，再组合反馈。不要复用 pattern 里的完整正则——它带锚点，中间输入时永远返回 false。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 去掉
^和$，用/(?=.*[a-zA-Z])(?=.*d)/.test(value)判断是否“已满足组合条件” - 单独检查长度：
value.length >= 6；单独检查是否含中文或符号：/[u4e00-u9fa5s`~!@#$%^&*()_+-=[]{};':"\|,./?]/.test(value) - 绑定
input事件 +setTimeout防抖（300ms），避免频繁 DOM 操作 - 区分状态：
value === ""是空；/[a-zA-Z]/.test(value) && !/d/.test(value)是“有字母没数字”，属于未完成；含空格或 emoji 才算错误
后端必须重写相同逻辑，且注意语言差异
前端任何校验都可被绕过。curl -d "password=abc" 直接发请求，pattern 和 JS 全无效。后端不是“补充”，而是唯一可信防线。
立即学习“前端免费学习笔记（深入）”；
- Python（Flask）用
re.fullmatch(r'(?=.*[a-zA-Z])(?=.*d)[a-zA-Zd]{6,}', password)，别用search - Node.js（Express）用
/^(?=.*[a-zA-Z])(?=.*d)[a-zA-Zd]{6,}$/.test(req.body.password)，必须带^和$ - Java（Spring）写成
password.matches("(?=.*[a-zA-Z])(?=.*\d)[a-zA-Z\d]{6,}")，注意双反斜杠转义d - 额外检查：长度上限（防 DOS）、控制字符黑名单、是否与用户名/邮箱雷同
最容易被忽略的是「反馈粒度」：用户不需要“校验失败”，需要知道“还差数字”或“长度不够”。把组合规则拆成独立布尔判断，比堆一个复杂正则更可靠、更易维护、更友好。
