pattern属性不支持正则修饰符，自动锚定（隐含^和$），空格校验须显式写入表达式；required与pattern需配合防仅输空格，JS手动trim或标准化更灵活但不可替代后端校验。
HTML pattern 属性不支持正则修饰符，空格校验必须写进表达式本身
HTML 表单的 pattern 属性底层用的是 JavaScript 的 RegExp（无 g、i 等修饰符），且自动锚定（隐含 ^ 和 $）。想允许空格，不能靠 /\s/g 这类写法，得把空格字符显式纳入字符集或使用 \s。
常见错误是写成 pattern="\w+\s*\w+" —— 这会拒绝开头或结尾有空格的输入，因为 pattern 要求**整个字符串**完全匹配。
- 允许中间和两端有任意空格：用
pattern="^\s*\S+(\s+\S+)*\s*$"（注意：HTML 中无需写^和$，浏览器自动添加，所以直接写\s*\S+(\s+\S+)*\s*即可） - 只允许单词间单个空格、不允许首尾空格：用
pattern="\S+(\s\S+)*" - 若业务只要“非纯空白”，最简方案是
pattern=".*\S.*"（至少含一个非空白字符）
input 的 required 和 pattern 联合校验空格场景
单独用 required 无法阻止用户只输空格；单独用 pattern 又可能过度限制。两者要配合：
-
required确保有输入，pattern确保输入有意义 - 错误组合：
required+pattern="\w+"→ 用户输"hello world"会失败（空格不被\w匹配） - 正确组合：
required+pattern="\S+(\s\S+)*"→ 接受"a"、"a b"、"a b c"，拒绝""、" "、" a"、"a "、"a b"
JavaScript 手动校验比 pattern 更灵活，但需防绕过
前端用 pattern 是体验优化，不是安全防线。真正要处理带空格文本，比如提交前 trim 或标准化空格，必须用 JS：
立即学习“前端免费学习笔记（深入）”；
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
const input = document.querySelector('input[name="title"]');
input.addEventListener('input', () => {
// 自动将连续空格转为单个，首尾去除
input.value = input.value.replace(/\s+/g, ' ').trim();
});
注意：这种修改会影响用户原始输入意图（比如人名中的双空格、缩进等），别在所有场景无差别执行。
- 服务端永远要重新校验，不能信
pattern或前端 JS - 如果后端需要保留原始空格（如代码片段、诗歌排版），前端就不该自动
trim() -
input事件中改value会导致光标跳到末尾，体验差；如需实时清理，得手动维护光标位置
真正难的不是写正则，而是定义清楚“什么是合法空格”
业务里“允许空格”背后往往没说清边界：全角空格？不间断空格（ ）？制表符？换行？是否接受 emoji 前后的空格？这些都会让正则迅速失控。
例如：\s 在 JS 正则中默认不匹配全角空格（ ）和 （U+00A0），得显式加上 [\s\u3000\xa0]。
多数情况，与其死磕正则覆盖所有 Unicode 空白，不如在服务端用 str.trim().length > 0 判非空，再按业务规则分段处理空格语义。
