不能直接校验连续相同字符；pattern 属性仅支持全值匹配且多数浏览器不支持负向断言，需用 javascript 配合 /(.)\1/ 实时检测，并服务端二次校验。
input 的 pattern 属性能直接校验连续相同字符吗
能，但有严格限制：只支持单行匹配、不支持 ^ 和 $ 以外的锚点，且浏览器不会高亮具体错误位置。pattern 实际作用是“整个输入值必须完全匹配该正则”，所以你要写的是“不允许出现连续 2 个及以上相同字符”的反向逻辑——即匹配“所有合法字符串”，而不是去捕获非法片段。
常见错误是写 pattern=".*(.)\1.*"，这反而会把含重复字符的字符串“标为合法”（因为 pattern 要求整个值匹配成功才算通过），结果正好相反。
- 正确思路：用负向先行断言（但注意 ——
pattern在多数浏览器中不支持(?!...)） - 更可靠做法：用
pattern="^(?!(.)\1).*$"❌ 失败，因为 Safari 和旧版 Chrome 不支持(?!...) - 兼容解法：改用 JavaScript 手动校验，
pattern仅作基础兜底
用 JavaScript 检测连续两个相同字符最简写法
监听 input 或 blur 事件，用 /([a-zA-Z0-9])\1/ 检查是否含连续重复字符（注意：这个正则默认只匹配字母数字；如需支持汉字、符号，得扩展字符集或改用 /(.)\1/）。
const input = document.querySelector('input[name="username"]');
input.addEventListener('input', () => {
const hasRepeat = /(.?)\1{1,}/.test(input.value);
input.setCustomValidity(hasRepeat ? '不能有连续相同字符' : '');
});
-
/.?\1{1,}/中的.?是为了兼容空字符串（否则""会报错） - 更精准应写
/(.)\1/，但需确保输入非空再执行，否则test("")返回false（安全） - 注意：中文、emoji 等 Unicode 字符在 JS 正则中可能被拆成多个码元，
/(.)\1/对 emoji 连续重复可能失效（如 "??"）；此时建议用Array.from(value)转字符数组再比对
为什么 /(.)/g.exec() 或 matchAll 不适合实时校验
这些方法返回匹配结果数组，用于提取内容没问题，但做布尔判断时冗余且慢。比如 value.match(/(.)/g) 在长文本中会遍历全部可能重叠位置，而 test() 一找到就返回 true，性能差一个数量级。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
match()返回null或数组，需额外判空，易漏null情况 -
exec()需手动重置lastIndex，在多次调用中状态易错乱 - 正则里加
g标志对单次存在性检测无意义，还可能干扰后续调用
服务端必须二次校验连续重复字符
前端任何校验都可绕过。如果业务敏感（如密码、用户名、token），后端必须用对应语言重跑相同逻辑。例如 Python 中：
import re
def has_consecutive_repeat(s):
return bool(re.search(r'(.)\1', s))
注意：Python 默认支持 Unicode 全字符，但若用 re.ASCII 标志，中文就会被忽略；Node.js 的 /./u 也需显式加 u 标志才能正确处理 emoji。
最容易被忽略的是边界情况：空字符串、单字符、全空白符（" " 中的空格也算连续相同）、换行符（\n\n）。别假设用户只输字母数字。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
