本文介绍一种基于正则表达式的前端方案，用于在 中实时将每个句子的首字母自动大写（即句号后紧跟空格再接的字母），避免单词级误触发，提升表单内容规范性。
本文介绍一种基于正则表达式的前端方案，用于在 `
在用户填写表单时，常因疏忽导致句首小写、标点后未大写等问题，增加后台审核负担。与其依赖用户自觉，不如在输入阶段主动干预——但需注意：不能简单对每个单词首字母大写（如 text-transform: capitalize 或 \b\w 全局匹配），否则会错误地将 “iPhone”、“USA” 或缩写（如 “e.g.”）等破坏性大写。
正确做法是精准定位「句子开头」：即满足以下任一条件的字母字符：
- 位于字符串最开头（^）且为字母；
- 位于句号加空格之后（\.）且其后紧跟一个字母（即 \. \w）。
对应正则表达式为：/(^\w)|(\. \w)/g。其中：
- ^ 表示行首，\w 匹配任意单词字符（含字母、数字、下划线），但实际场景中我们仅需处理字母，因此可进一步优化为 /(^[a-zA-Z])|(\. [a-zA-Z])/g 提高语义准确性；
- g 标志确保全局替换所有匹配项；
- 捕获组 ( ) 非必需，但保留结构清晰；match.toUpperCase() 直接将整个匹配片段转为大写（如 . a → . A，hello → Hello）。
以下是完整、可直接运行的示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sentence Auto-Capitalize</title>
<style>
textarea#input {
width: 100%;
height: 150px;
padding: 12px;
font-size: 16px;
border: 2px solid #333;
border-radius: 4px;
box-sizing: border-box;
resize: vertical;
}
</style>
</head>
<body>
<textarea id="input"
oninput="onChange()"
placeholder="Type sentences here... (e.g., hello world. this should be capitalized.)"></textarea>
<script>
const stringCapitalize = (str) => {
// 精准匹配：行首字母 或 句号+空格+字母
return str.replace(/(^[a-zA-Z])|(\. [a-zA-Z])/g, match => match.toUpperCase());
};
const onChange = () => {
const input = document.getElementById("input");
// 防止光标跳转：仅在值变更时更新，并保留光标位置（进阶优化）
const startPos = input.selectionStart;
const endPos = input.selectionEnd;
const oldValue = input.value;
const newValue = stringCapitalize(oldValue);
if (oldValue !== newValue) {
input.value = newValue;
// 尝试恢复光标位置（简单策略：若长度未变则保持，否则重置到末尾）
if (newValue.length === oldValue.length) {
input.setSelectionRange(startPos, endPos);
} else {
input.setSelectionRange(newValue.length, newValue.length);
}
}
};
</script>
</body>
</html>⚠️ 注意事项：
- 使用 oninput 替代 onkeyup：更可靠捕获粘贴、拖拽、语音输入等非键盘操作；
- 原始方案中 onkeyup 在快速连按或组合键（如 Ctrl+V）时易丢失事件或触发异常，oninput 是现代推荐方式；
- 当前正则未处理中文句号（。）、英文感叹号/问号（! ?）后的首字母，如需支持，可扩展为 /^(?:[a-zA-Z]|[\u4e00-\u9fa5])|(?
- 实际生产环境建议结合防抖、输入限制或服务端二次校验，避免过度依赖前端逻辑。
总结：通过精准正则 /^(^[a-zA-Z])|(\. [a-zA-Z])/g + oninput 事件，即可轻量、高效地实现句子级首字母自动大写，显著改善用户输入体验与数据质量。
